@charset "utf-8";
/*通用样式*/
@font-face{font-family:shuzifont;src:url('../font/impact.ttf');}/*数字统一字体*/
.wp{ width: 92%; max-width: 1500px; margin: 0 auto;}

.top{ position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height:80px; background: #fff;}
.top .wp{width: 92%; max-width: 1780px;height: 100%; margin: 0 auto;position: relative;}
.top .top_coll{ float: left; line-height:80px;}
.top .top_coll i{font-size: 20px;margin-right: 10px; padding-right: 10px;height: 20px;position: relative; color: #333;margin-top: -3px;}
.top .top_coll i:after{content: '';width: 2px;height: 15px;display: block;background: rgba(255,255,255,0.3);position: absolute;right: 0;top: 2px;}
.top .top_coll span{ font-family: shuzifont;font-size: 28px; color: #333;font-weight:100;}
.top .nav{width: 70%; max-width: 1040px;position: absolute; top: 50%;left: 53%; transform: translate(-50%,-50%);}
.top .nav ul{height: 80px;}
.top .nav ul li{width: 9%;height: 80px;float: left;position: relative;}
.top .nav ul li:nth-of-type(1){transform: translateX(12%);}
.top .nav ul li:nth-of-type(5){width: 28%;}
.top .nav ul li img{width: 70%; margin:auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.top .nav ul li a{color: #333;display: block;text-align: center; position: absolute;top: 0;bottom: 0;margin: auto;height: 20px; width: 100%; font-size:16px;}
.top .language{float: right; width: calc(30px + 1vw);height: calc(30px + 1vw);line-height: calc(30px + 1vw); border: 1px solid rgba(50,50,50,.3);overflow: hidden; margin-top: 16px; border-radius: 50%; margin-right: 1rem;}
.top .nav ul li a:hover{ color: #d4322b;}
.top .language a{display: block;color: #333;text-align: center; font-size: 12px;}
.top .language:hover{background: #d4322b;border: 1px solid #d4322b; transform:scale(1); box-shadow: 0 0 15px #d4322b;}
.top_hidden{ transform: translateY(-100%); opacity: 0;filter:alpha(opacity=0);}
.top_oppen{height: 70px; transform: translateY(0%);background: rgba(250,250,250,0.95);opacity: 1;filter:alpha(opacity=100);}
.top_oppen .top_coll{line-height: 70px;}
.top_oppen .language{ margin-top: 10px;}
.top_oppen .nav ul li{height: 70px;}
.top_oppen .nav ul{height: 70px;}
.top_hidden .nav ul li img{width: 60%;}
.top_oppen .nav ul li img{width: 60%;}
.top_oppen_back{background:#fff;height: 80px;}
.top_oppen_back .top_coll{line-height: 80px;}
.top_oppen_back .language{ margin-top: 16px;}
.top_oppen_back .nav ul li img{width: 60%;}

.top .menu{width: 2rem; float: right; margin-top:1.2rem;}
.top .menu span{ width: 2rem;height: 2rem; padding-top: 1.5rem;}
.top .menu span i{ width: 100%;height: 1px; display: block;background: #333; margin-bottom: 6px;}
.top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
.top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-10px);}
.top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}


/*手机菜单*/
.hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
.caidan{width: 50%; max-width: 400px; height: 100%;background: #fff; position: fixed; top: 0;left: 0;z-index: 101; transform: translateX(-100%);}
.caidan .caidan_nav{ padding: 20px 0%; height: calc(100% - 40px);}
.caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
.caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
.caidan.caidan_oppen{ width: 50%;transform: translateX(0%);z-index: 666}
.caidan_hidden{transform: translateX(-100%);}
.caidan .caidan_nav ul .caidan_2box{width: 80%; padding:2% 10%; display: none; background: #f4f4f4;}
.caidan .caidan_nav ul .caidan_2box li{height: 40px;line-height: 40px; border-top: 1px solid rgba(0,0,0,0.05);}
.caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
.caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
.caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}

/*首页主图*/
/*.banner.pc-vis{width: 100%;height: 100vh; background: #000;}
.banner.pc-vis .swiper-slide img{width: 100%;height: 100vh;object-fit: cover;}
.swi-banner .swiper-pagination{ bottom:6%; top: inherit; width: 130px;right: 100px;left: inherit; overflow:visible;}
.swi-banner .swiper-pagination-progressbar{background: rgba(255,255,255,0.2);height: 1px;overflow: visible;}
.swi-banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:3px;background: #fff;display: block;margin-top: -1px;}
.swi-banner .swiper-button{background:inherit;}
.swi-banner .swiper-button-box{ width: 200px; height: 20px; position: absolute;bottom:5%;left: inherit; right:70px; transform: translate(0%,5px);z-index: 10;}
.swi-banner .swiper-button-box .re{width: 100%;height: 100%;}
.swi-banner .swiper-button-box .swiper-button{margin: 0;top: 0;bottom: 0;width: 20px;height: 20px;} 
.swi-banner .swiper-button-box .swiper-button i{color: #fff; font-size: 10px;line-height: 10px;transform: scale(0.7);display: block;} 
.swi-banner .swiper-button-box .swiper-button-prev{left: 0;}
.swi-banner .swiper-button-box .swiper-button-next{right: 0;}
*/
.index_banner{ background:#fff;}
.swi_indexbanner .swiper-pagination{bottom: calc(1rem + 1vw);}
.swi_indexbanner .swiper-pagination-bullet{ -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.swi_indexbanner .swiper-pagination-bullet-active{background: #fff;transform: scale(1.5);}


.padding_box{ padding: calc(1rem + 2vw) 0; overflow: hidden;}
.more{overflow: hidden;}
.more a{ padding:0 24px; height: 40px;display: block; background:#bbbbbb;color: #fff; border-radius: 20px; text-align: center;line-height: 40px; font-size:12px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.more a:hover{color: #fff; background:#d4322b;}
.more a i{font-size: 12px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; display: inline-block;}
.more a:hover i{transform: translateX(10px);}

/*优势*/
.youshi_box{background: #fff;padding: calc(1rem + 1vw) 0; border-bottom: 1px solid rgba(0,0,0,0.05);}
.youshi_box ul{ width: 100%!important;}
.youshi_box ul li{width: calc(100% / 4); text-align: center;position: relative; background: #f4f4f4; padding: calc(1rem + 2vw) 0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.youshi_box ul li i{display: block;font-size: calc(30px + 1vw); color: #d4322b;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.youshi_box ul li strong{display: block; font-size: calc(1rem + 0.3vw);margin-bottom: calc(3px + 0.1vw); font-weight: 400;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.youshi_box ul li span{display: block; color: #909090;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.youshi_box ul li:nth-of-type(4):before{opacity: 0;filter:alpha(opacity=0);}
.youshi_box ul li:hover{background: #d4322b;}
.youshi_box ul li:hover strong{color: #fff;}
.youshi_box ul li:hover i{ color: #fff; transform: rotateY(180deg);}
.youshi_box ul li:hover span{ color: #fff;}

/*简介*/
.index_about_box{background: #fff;}
.index_about_box .left{ width: calc(100% - 500px); float: left;}
.index_about_box .left .swi_index_aboutimg{margin-bottom: calc(1rem + 1vw);}
.index_about_box .left .swiper-pagination { text-align: left;}
.index_about_box .left .swiper-pagination .swiper-pagination-bullet{width: 28px;height: 28px; margin-right: 5px; background: #d4322b; color: #fff; line-height: 28px; font-size: 12px; text-align: center;}
.index_about_box .left .more{float: right; margin-top:-5px;}
.index_about_box .right{width:400px; float: right; padding-top: 1.5vw; margin-bottom: calc(1.5rem + 2vw);}
.index_about_box .right .title{ margin-bottom: calc(15px + 1vw);display: block;}
.index_about_box .right .title span{ font-size: calc(14px + 1vw); display: block;color: rgba(0,0,0,0.1);font-family: shuzifont; margin-bottom: 0;}
.index_about_box .right .title strong{ font-size: calc(16px + 1vw); display: block; transform: translateY(-0.6vw); font-weight: 200;}
.index_about_box .right .text{margin-bottom: calc(20px + 3vw);}
.index_about_box .right .text strong{ font-size: calc(16px + 0.2vw); display: block; margin-bottom: 0.6vw;}
.index_about_box .right .text i{width: 30px;height: 2px;display: block;background: #d4322b; margin-bottom: 0.6vw;}
.index_about_box .right .text p{ font-size: 0.9rem; color: rgba(0,0,0,0.6); line-height: 24px;}

.index_about_box .right .gundong_shuzi{}
.index_about_box .right .gundong_shuzi ul li{width: calc(100% / 2);float: left;}
.index_about_box .right .gundong_shuzi ul li .box{}
.index_about_box .right .gundong_shuzi ul li .box strong{font-size: calc(20px + 1.5vw); font-family: shuzifont; font-weight: 200;}
.index_about_box .right .gundong_shuzi ul li p{ transform: translateY(-0.5vw); color: rgba(0,0,0,0.5);}
.index_product_box{ background: url(../images/product_back.jpg) no-repeat; background-size: cover;}
.index_product_box .title{ text-align: center; margin-bottom: calc(10px + 1vw);}
.index_product_box .title strong{font-size: calc(18px + 1vw); display: block;}
.index_product_box .title span{display: block;}

.fold_wrap{height:650px;width:100%; overflow:hidden;}
.fold_wrap li{float:left;width: calc(100% / 4); height:650px;position:relative;overflow:hidden;cursor:pointer;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.fold_wrap:hover li{width: 20%;}
.fold_wrap li:hover{width: 40%;}
.fold_wrap li{float:left;width: calc(100% / 4); height:650px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);}
.fold_wrap li .mask_b .text{color:#fff;position:absolute; top: 10%;left:10%; width: 100%;}
.fold_wrap li .mask_b .text span{font-size: calc(0.75rem + 0.2vw);line-height: 20px!important; height: 20px!important;text-transform: uppercase;}
.fold_wrap li .mask_b .text h4{font-size: calc(0.8rem + 0.6vw);}
.fold_wrap li .more{ position: absolute;bottom: 10%;left: 50%;transform: translateX(-50%) scale(0);z-index: 10;}
.fold_wrap li .more a{border: 0px solid rgba(255,255,255,0.3); color: #fff;background: #d4322b; padding:0 34px; }
.fold_wrap li:hover .more{transform:translateX(-50%) scale(1);}
.fold_wrap li .more:hover a{ background: #d4322b;}
.fold_wrap li .more:hover a span{color: #fff;}
.fold_wrap li .more:hover a span i{color: #fff;}

.fold_wrap li:hover .mask_b{background:rgba(0,0,0,0);}
.pic_auto{width:100%;height:100%;background-size: cover!important;}
.pic_auto1{background:url(../images/index_product_img1.jpg) no-repeat center 0;}
.pic_auto2{background:url(../images/index_product_img2.jpg) no-repeat center 0;}
.pic_auto3{background:url(../images/index_product_img3.jpg) no-repeat center 0;}
.pic_auto4{background:url(../images/index_product_img4.jpg) no-repeat center 0;}

/*魅力*/
.charm_box{ background: #252525;}
.charm_box .title_wp{width: 92%; max-width: 1500px;height: 100%; margin: 0 auto;position: relative;}
.charm_box .wp{width: 96%;max-width: 1700px; float: right;}
.charm_box .title{float: left; margin-bottom: calc(10px + 1vw);}
.charm_box .title span{ font-size: calc(14px + 1vw); display: block;color: rgba(255,255,255,0.1);font-family: shuzifont; margin-bottom: 0;}
.charm_box .title strong{ font-size: calc(16px + 1vw); color: #fff; display: block; transform: translateY(-0.6vw);}
.charm_box .title strong i{width: calc(10px + 0.8vw);height:2px;display:inline-block;background: #d4322b;margin-right: 10px;transform: translateY(-0.6vw);}
.charm_box .title em{transform: translateY(-0.6vw);display: inline-block; color: rgba(255,255,255,0.5);}
.charm_box .more{float: right; margin-top: calc(20px + 1vw);}
.charm_box .more a{display:inline-block; float: left; border-radius: 0;background: #363636; color: #fff; margin-left: 10px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.charm_box .more a:hover{background: #d4322b;}
.charm_box .swi_Showoffice .swiper-slide{ position: relative; width: 60%;}
.charm_box .swi_Showoffice .swiper-slide img{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;opacity: 0.3;filter:alpha(opacity=30);}
.charm_box .swi_Showoffice .swiper-slide i{display: none;}
.charm_box .swi_Showoffice .swiper-slide-active{}
.charm_box .swi_Showoffice .swiper-slide-active img{opacity:1;filter:alpha(opacity=100);}
.charm_box .swi_Showoffice .swiper-slide:hover img{transform: scale(1.03);}
.charm_box .swi_Showoffice .swiper-slide .text{padding: calc(20px + 1.5vw); width:360px; background: #fff; position: absolute;right: -10%;bottom: 10%;transform: translateX(300px);}
.charm_box .swi_Showoffice .swiper-slide .text strong{font-size: calc(16px + 0.5vw);font-weight: 400; display: block;margin-bottom: calc(10px + 0.3vw);}
.charm_box .swi_Showoffice .swiper-slide .text p{font-size: 14px; margin-bottom: calc(10px + 1vw);}
.charm_box .swi_Showoffice .swiper-slide .text .swi_Showoffice_more{}
.charm_box .swi_Showoffice .swiper-slide .text .swi_Showoffice_more span{ width: calc(40px + 1vw); height: 1px;display:inline-block; transform: translateY(-5px); position: relative; background: rgba(0,0,0,0.2); margin-right: 10px;}
.charm_box .swi_Showoffice .swiper-slide .text .swi_Showoffice_more span:before{ width:7px; height:7px;display:inline-block; background: #e5e5e5;border-radius: 50%;position: absolute;left: 0; top: 0%;transform: translateY(-3px);content: '';-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.charm_box .swi_Showoffice .swiper-slide .text:hover .swi_Showoffice_more span:before{left: calc(100% - 6px);background: #d4322b;}
.charm_box .swi_Showoffice .swiper-slide .text:hover .swi_Showoffice_more a{ color: #d4322b;}
.charm_box .swi_Showoffice .swiper-slide .text:before{content: ''; width: 4px;height: 100%;position: absolute;right: 0;top: 0;background: #d4322b;}
.charm_box .swi_Showoffice .swiper-slide .chakan{display: inline-block;padding: 10px 40px;background: #fff;color: #333; position: absolute;left: 10%;bottom: 10%; font-size: 14px;border-left: 2px solid #d4322b;}
.charm_box .swi_Showoffice .swiper-slide .chakan:hover{background: #d4322b;}
.charm_box .swi_Showoffice .swiper-slide .chakan:hover{color: #fff;}
.charm_box .swi_Showoffice .swiper-slide .chakan i{padding-left: 5px;display: inline-block; font-size: 12px;}
.charm_box .swi_Showoffice .swiper-slide-active .chakan{opacity: 0;filter:alpha(opacity=0);transform: translateX(-100px);}
.charm_box .swi_Showoffice .swiper-slide-active .text{transform: translateX(0px);}
.charm_box .swi_Showoffice .swiper-slide-prev .text{transform: translateX(-200px);}

.index_join_box{background: #fff;}
.index_join_box .title{ text-align: center; margin-bottom: calc(15px + 1vw);}
.index_join_box .title strong{font-size: calc(16px + 1vw);display: block; margin-bottom: calc(6px + 0.2vw);}
.index_join_box .title span{font-size: 14px;display: block;color: rgba(0,0,0,0.5);}
.index_join_box .index_join{ position: relative; margin-bottom: 10px;}
.index_join_box .index_join .right{width: 67%;float: right;}
.index_join_box .index_join .left{width: 33%; position: absolute;left: 0;top: 0;height: 100%;background: #d4322b; padding: calc(10px + 4vw) calc(15px + 2vw) 0;}
.index_join_box .index_join .left .index_join_title{text-align: center; margin-bottom: calc(10px + 3vw);}
.index_join_box .index_join .left .index_join_title .logo{max-width:259px; margin: 0 auto calc(10px);}
.index_join_box .index_join .left .index_join_title strong{font-size: calc(14px + 0.8vw);color: #fff;}
.index_join_box .index_join .left .text {color: #fff; text-align: center;margin-bottom: calc(10px + 2vw);}
.index_join_box .index_join .left .text i{ width: calc(50px + 3vw);height: 1px; display: block;background: rgba(255,255,255,0.3); margin: 0 auto calc(10px + 0.3vw);}
.index_join_box .index_join .left .text span{ font-size: calc(16px + 0.3vw); display: block;margin-bottom: 10px;}
.index_join_box .index_join .left .text p{ padding: 0 10%; color: rgba(255,255,255,0.6);}
.index_join_box .index_join .left .coll{ color: #fff;text-align: center; margin-bottom: calc(10px + 2vw);}
.index_join_box .index_join .left .coll span{ display: inline-block;}
.index_join_box .index_join .left .coll strong{ font-size: calc(18px + 0.5vw);font-family: shuzifont; font-weight: 200;}
.index_join_box .index_join .left .more{display: grid;}
.index_join_box .index_join .left .more a{ margin: 0 auto;display: inline-block; color: #666; background: #fff;border: 0; float: inherit;}
.index_join_box .index_join .left .more a:hover{background: #E8B05D; color: #fff;}
.index_join_box .index_join .left .more a:before{opacity: 0;filter:alpha(opacity=0);}

.index_join_box .index_join_footer{background: #f7f7f7;}
.index_join_box .index_join_footer ul li{ width: calc(100% / 4);float: left; border-left: 1px solid rgba(0,0,0,0.05); padding: calc(20px + 1vw) 0; padding-left: calc(10px + 2vw); position: relative;}
.index_join_box .index_join_footer ul li strong{ display: block; font-size: calc(12px + 0.5vw); font-weight: 500;}
.index_join_box .index_join_footer ul li span{font-size: 14px; color: rgba(0,0,0,.6);}
.index_join_box .index_join_footer ul li:before{width: 3px;height: 30%;display: block;background: #bdc4c8;content: ''; position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.index_join_box .index_join_footer ul li:hover:before{background: #d4322b;}

.index_video{ height: 80vh;overflow: hidden; position: relative;}
.index_video:before{content: '';width: 100%;height: 100vh;position: fixed;top: 0;left: 0; background-image: url(../images/video_back.jpg);background-size: cover;z-index: -1;}
.index_video .text{ text-align: center; position: absolute;width: 100%;top: 50%;transform: translateY(-50%); color: #fff;}
.index_video .text .bofang{display: block;width: 60px; height: 60px; text-align: center; margin: 0 auto 20px; border-radius: 50%; background: #fff; color: #333; line-height: 60px;position: relative;}
.index_video .text .bofang:before{content: ''; width: 90%;height:90%; display: block;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%; position: absolute;top: 0;right: 0;bottom: 0;left: 0;  margin: auto;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}
.index_video .text .bofang:hover:before{transform: scale(1.3);}
.index_video .text .bofang:hover i{color: #d4322b;}
.index_video .text .bofang i{font-size: 20px;}
.index_video .text strong{display: block;font-size: calc(18px + 1vw); margin-bottom: calc(5px + 0.2vw);}
.index_video .text span{display: block;font-size: 14px;color: rgba(255,255,255,0.6); font-weight: 300;}
.index_video .index_video_more{position: absolute;bottom: 15%;left: 50%;transform: translateX(-50%);}
.index_video .index_video_more i{ width: calc(40px + 1vw); height: 1px;display:inline-block; transform: translateY(-5px); position: relative; background: rgba(255,255,255,0.2); margin-right: 10px;}
.index_video .index_video_more i:before{ width:7px; height:7px;display:inline-block; background: #e5e5e5;border-radius: 50%;position: absolute;left: 0; top: 0%;transform: translateY(-3px);content: '';-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.index_video .index_video_more:hover i:before{left: calc(100% - 6px);background: #d4322b;}
.index_video .index_video_more:hover a{ color: #d4322b;}
.index_video .index_video_more a{color: #fff;}

.index_news{ background: #fff;}
.index_news .title{margin-bottom: calc(15px + 1vw);}
.index_news .title .text strong{font-size: calc(16px + 1vw);display: block;}
.index_news .title .text span {font-size: 14px;display: block;color: rgba(0,0,0,0.5);}
.index_news .text{float: left;}
.index_news .title .more{float: right;margin-top: calc(10px + 1vw);}
.index_news .title .more a{display: inline-block; color: #fff;}
.index_news .title .more a.active{background: #d4322b;}
.index_news .swi_index_news{ padding-bottom: calc(10px + 2vw);}
.index_news .swi_index_news .swiper-slide{width: calc(100% / 3); padding-bottom: calc(10px + 0.5vw); overflow: hidden;}
.index_news .swi_index_news .swiper-slide .img{margin-bottom: calc(10px + 0.8vw);}
.index_news .swi_index_news .swiper-slide .img{width: 100%;height: auto;}
.index_news .swi_index_news .swiper-slide .text{}
.index_news .swi_index_news .swiper-slide .text strong{font-size: calc(16px + 0.1vw); font-weight: 200;display: block; margin-bottom: calc(5px + 0.1vw);}
.index_news .swi_index_news .swiper-slide .text span{color: #999;}
.index_news .swi_index_news .swiper-pagination .swiper-pagination-bullet-active{background: #d4322b;}
.index_news .swi_index_news .swiper-slide:before{content: '';width: 100%;height: 1px; display: block;background:#d4322b;position: absolute;bottom: 0px;left: 0;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-ms-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;transform: translate(-100%,0px);}
.index_news .swi_index_news .swiper-slide:after{content: '';width: 100%;height: 1px; display: block;background:rgba(0,0,0,0.1);position: absolute;bottom: 0px;left: 0;}
.index_news .swi_index_news .swiper-slide:hover:before{transform: translate(0%,0px);}

.footer_box{ background: #f2f2f2;}
.footer_box .wp{position: relative;}
.footer_box .footer_title{font-size:16px; font-weight: 400; position: relative; margin-right: 15px; color: #000;}
/*.footer_box .footer_title:before{content: ''; width: 2px;height: 60%; background: #d4322b; position: absolute;left: 0;top: 20%;}
*/.footer_box .link{height:60px;line-height:60px;border-top: 1px solid rgba(0,0,0,0.1);}
.footer_box .link a{margin-right: 20px;}
.footer_box .link a:hover{color: #d4322b;}
.footer_box .footer_call{ position: absolute;width: 230px; right: calc(0% + 18vw);top: 10%;}
.footer_box .footer_call span{display: block;}
.footer_box .footer_call strong{font-size: calc(1rem + 0.7vw); display: block; font-weight: 600; color: #d4322b;margin-bottom: calc(0.4rem + 0.4vw);}
.footer_box .footer_text_box{ padding: calc(15px + 1vw) 0 16px;}
.footer_box .footer_contact{float: left; margin-right: calc(20px + 6vw);}
.footer_box .footer_contact .text{ font-size: 14px; line-height:24px;}
.footer_box .footer_contact .footer_title{margin-bottom: 10px;display: block; font-size: calc(0.9rem + 0.2vw); font-weight:600;}
.footer_box .footer_product_nav{float: left; width: 250px; padding-top: 30px;}
.footer_box .footer_product_nav a{ width: 50%; float: left; color: #666; font-size: 14px; height: 30px;}
.footer_box .footer_product_nav a:hover{color: #d4322b;}
.footer_box .footer_product_nav .footer_title{margin-bottom: 10px;display: block;}
.footer_box .right{ float: right;}
.footer_box .right .erweima{max-width:120px; margin:0 auto; margin-bottom: 10px;}
.footer_box .fenxiang p{float: left;line-height: 36px; font-size: 14px;}
.footer_box .fenxiang a{float: left; width: 36px;height: 36px; line-height: 36px; display: inline-block;margin-left: 10px; text-align: center;background: #fff; border-radius: 50%; color: #666; cursor: pointer;}
.footer_box .fenxiang a i{pointer-events:none}
.footer_box .fenxiang a:hover i{color: #fff;}
.footer_box .fenxiang a:hover{transform: scale(1);background: #7BD239;}
.footer_box .fenxiang a:nth-of-type(1){margin-left: 0;}
.footer_box .fenxiang a:nth-of-type(2):hover{background: #fd9c11;}
.footer_box .fenxiang a:nth-of-type(3):hover{background: #3375e3;}
.footer_box .footer_contact .banquan{font-size: 12px; color: #666;}
.footer_box .footer_contact .banquan a{font-size: 12px; color: #666;}

.info_boss{ }
.info_boss:before{content: '';width: 100%;height: 100%; display: block;background-color: #2a2a2a;background-image: url(../images/banner_info.jpg);background-repeat: no-repeat;background-size: cover; position: fixed;top: 0;left: 0;z-index: -1;}
.info_boss .banner_info{ height: 70vh;width: 100%; position: relative; overflow: hidden;}
.info_boss .banner_info .text{position: absolute;top: 50%;transform: translateY(-50%); left: 0; width: 100%;}
.info_boss .banner_info .text .font{color: #fff;text-align: right;}
.info_boss .banner_info .text .font span{display: block; font-size: calc(12px + 0.3vw); text-transform: uppercase; color: rgba(255,255,255,0.4);}
.info_boss .banner_info .text .font strong{display: block; font-size: calc(14px + 1vw);}

.info_box{ background: #fff;padding: calc(14px + 4vw) calc(14px + 4vw) calc(14px + 4vw) calc(14px + 6vw); width: 96%; float: right;}
.info_box .wp{float: left; position: relative;}
.info_box .left_text{width: calc(100% - 180px); max-width: 1000px; float: left; margin-bottom: calc(10px + 3vw);}
.info_box .right_img{width:250px;float: right; margin-top: calc(20px + 2vw);}
.info_box .left_text strong{display: block; font-size: calc(18px + 0.5vw); margin-bottom: 20px;}
.info_box .left_text .font{color: #555; font-size: 15px;}
.info_box .img_box{overflow: hidden;}
.info_box .img_box .left{ width: calc(59% - 4px); float: left;}
.info_box .img_box .left img{ max-width:100%; width:auto;}
.info_box .img_box .right{ width: calc(41% - 4px); float: right; position: relative;}
.info_box .img_box .right a{}
.info_box .img_box .right .bofang{display: block;width: 80px; height: 80px; text-align: center; margin: 0 auto 20px; border-radius: 50%; background: rgba(0,0,0,0.6); color: #fff; line-height: 80px;    position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.info_box .img_box .right .bofang:hover{background: #fff;transform: scale(1.1);}
.info_box .img_box .right .bofang:hover i{color: #d4322b;}
.info_box .img_box .right .bofang i{font-size: 30px;}
.info_box .img_box .right .img_text{position: absolute; width: 100%;height: 100%; top: 0;left: 0; padding: calc(20px + 4vw) calc(20px + 2vw); color: #fff;}
.info_box .img_box .right .img_text strong{ font-size: calc(16px + 0.5vw); text-transform: uppercase; margin-bottom: calc(10px + 0.3vw); display: block;}
.info_box .img_box .right .img_text span{width: 30px;height: 2px;display: block;background: #fff; margin-bottom: calc(15px + 8vw);}
.info_box .img_box .right .img_text em{font-size: calc(20px + 0.4vw); font-weight: bold;}
.info_box .img_box .right .img_text em i{font-size: calc(14px + 0.3vw); font-style: normal;}

.bottomback_box:before{content: '';width: 100%;height: 100%; display: block;background-color: #2a2a2a;background-image: url(../images/licheng_back.jpg);background-repeat: no-repeat;background-size: cover; position: fixed;top: 0;left: 0;z-index: -1;opacity: 0;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;}
.bottomback_box_oppen:before{opacity:1;}

.licheng_box{padding: calc(20px + 3vw) 0;}
.licheng_box .title{ text-align: center; color: #fff; margin-bottom: calc(15px + 3vw);}
.licheng_box .title strong{font-size: calc(16px + 1vw); display: block;}
.licheng_box .title i{ width: calc(20px + 1vw);height: 3px; background: #d4322b; margin: calc(5px + 0.3vw) auto; display: block;}
.licheng_box .title span{ font-size:calc(14px + 0.1vw);color: rgba(255,255,255,0.5); text-transform: uppercase;}
.licheng_box .swi_licheng_text{margin-bottom: calc(20px + 4vw);}
.licheng_box .swi_licheng_text .text{ padding: calc(20px + 1vw);background: #d4322b; color: #fff; width: 90%;max-width: 620px;line-height: 26px; margin: 0 auto;}
.licheng_box .swi_licheng_text .nian{ font-size: calc(18px + 0.4vw); display: block;margin-bottom: calc(8px + 0.5vw);}
.licheng_box .swi_licheng_text .swiper-button{width: 50px;height: 50px;line-height: 50px;background: #fff; border-radius: 50%; text-align: center;}
.licheng_box .swi_licheng_text .swiper-button i{font-size: 12px;}

.licheng_nian{ width: 100%;height: 54px; background-image: url(../images/licheng_nian_back.png);background-repeat:repeat-x; background-position: bottom;}
.licheng_nian .swi_licheng_nian span{font-size: calc(16px + 0vw); color: rgba(255,255,255,0.5); text-align: center; display: block;}
.licheng_nian .swi_licheng_nian .swiper-slide span{ padding-bottom: 30px;position: relative; cursor: pointer; transform: translateY(10px);}
.licheng_nian .swi_licheng_nian .swiper-slide span:before{content: '';width: 2px;height:20px; display: block;background: rgba(255,255,255,0.2); position: absolute;left: 50%;bottom: 10px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.licheng_nian .swi_licheng_nian .swiper-slide.active span{color: #fff; transform: translateY(0); font-weight: bold; font-size: 16px;}
.licheng_nian .swi_licheng_nian .swiper-slide.active span:before{height: 30px; bottom: 0;}

/*荣誉资质*/
.rongyua{background: #fff;}
.rongyua .title{ text-align: center; color: #333; margin-bottom: calc(15px + 1vw);}
.rongyua .title strong{font-size: calc(16px + 1vw); display: block;}
.rongyua .title i{ width: calc(20px + 1vw);height: 3px; background: #d4322b; margin: calc(5px + 0.3vw) auto; display: block;}
.rongyua .title span{ font-size:calc(14px + 0.1vw);color: rgba(0,0,0,0.5); text-transform: uppercase;}
.gongchang_phone{background: #fff;}
.honorList ul{ color: #666; padding: 0;}
.honorList li{width: 15%; margin-bottom:20px; cursor: pointer; text-align: center;}
.honorList li p{margin-top: 6px; font-size: 14px;}
.honorList .img{overflow: hidden; position: relative;}
.honorList li a{}
.honorList li a img{width:100%;height:auto;}
.honorList .bg{ background: rgba(0,0,0,0.4);position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;filter:alpha(opacity=0); visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms;}
.honorList .il{ height: 1px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 1px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #d5615d;}
.honorList li:hover .bg{ opacity: 1;filter:alpha(opacity=100); visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 1%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close-empty.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; cursor: pointer;}
.overlayClose:hover{ background-color: #d4322b;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.9); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.owl-item{margin:0;float:left;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; cursor:pointer;transition:all 0.5s;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image:url(../images/left.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image:url(../images/right.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #d4322b; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background:none;}
.Factory_swi{padding-bottom:60px;}
.Factory_swi .swiper-scrollbar{ width: 32.8%; height: 6px; background:#EEEEEE;left: 50%; position: absolute; transform:translateX(-50%); bottom:50px;z-index: 8;}
.Factory_swi .swiper-scrollbar .swiper-scrollbar-drag{ background: #d4322b;}
.honorList{padding-bottom:20px;}
.honorList .swiper-pagination-bullet-active{background: #d4322b;}
.rongyua ul li{ width: 16%; padding: calc(1rem + 1vw);background: #fff;}

.sll_top{ width: 40px;height: 40px;background: #666;display: block;text-align: center;line-height: 40px; border-radius: 50%; position: fixed;right: 30px;bottom: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.2); cursor: pointer;z-index: 999; transform: translateX(100px);opacity: 0;filter:alpha(opacity=0);}
.sll_top_b{ transform: translateX(0);opacity: 1;filter:alpha(opacity=100);}
.sll_top i{ display: block; transform: rotate(-90deg); font-size: 10px; color: #fff; font-size: 16px;}
.sll_top:hover{background: #d4322b;}

.ny_banner{ position: relative;}
.ny_banner .img{height: 70vh;background-attachment: fixed; background-position: top;background-size: cover 100%;}
.ny_banner .text{ position: absolute; top: 50%; transform: translateY(-50%); text-align: center;width: 100%; color: #fff;}
.ny_banner .text span{display: block;font-size: calc(14px + 0.2vw); color: rgba(255,255,255,0.5); text-transform: uppercase; margin-bottom: calc(10px + 0.3vw);}
.ny_banner .text strong{display: block;font-size: calc(17px + 1vw); color: #fff; text-transform: uppercase; margin-bottom: calc(10px + 0.6vw);}
.ny_banner .text i{ width: 1px;height: 20px;display: block;background: rgba(255,255,255,0.3);margin: 0 auto;}
.ny_banner .text.text_hidden{transform:translateY(80px);opacity: 0;filter:alpha(opacity=0);}
.ny_banner .mianbao_nav{position: absolute;bottom: 10px; width: 100%;display: block; color: #fff; opacity: 0.6;filter:alpha(opacity=60);}
.ny_banner .mianbao_nav a{color: #fff;}

.mianbao{ border-bottom: 1px solid rgba(0,0,0,0.1); color: #999; background: #fff;overflow: hidden;}
.mianbao .wp{ position: relative;}
.mianbao .left{float: left; padding-top: 19px;}
.mianbao .left a{color: #999;}
.mianbao .left a:hover{color: #d4322b;}
.mianbao .left i{ font-size: 18px;margin-right: 6px;display: inline-block;transform: translateY(3px);}
.mianbao .right{float: right;}
.mianbao .right #navSelected{position:absolute;bottom:-1px;width:210px;height:3px; background:#d4322b;}
.mianbao .right ul li{ float: left;position: relative;overflow: hidden;}
.mianbao .right ul li a{display: block; padding:23px 25px;}
.mianbao .right ul li:before{ content: '';width: 100%;height: 2px; display: block;background: #d4322b;position: absolute;bottom: 0;left: 0;transform: translateX(-100%);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.mianbao .right ul li#navCurr:before,.mianbao .right ul li:hover:before{transform: translateX(0%);}
.mianbao.fixed{position: fixed;top: 0;left: 0; width: 100%;z-index: 99;}

.producterji_nav {background: #fff; padding-top: calc(0.8rem + 2vw);}
.producterji_nav ul{}
.producterji_nav ul li{float: left; margin-right: 10px;}
.producterji_nav ul li a{display: block;padding: 10px 20px; background: #fff; border-radius: 5px; color: #333;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.producterji_nav ul li.on a{color: #d4322b;}
.producterji_nav ul li:hover a{color: #d4322b;}

.product_list_box{ background: #fff; width: 100%; padding-top: calc(1rem + 1.2vw)!important; padding-bottom: 1vw;}
.product_list_box ul li{ width: calc(100% / 4 - 15px);float: left; margin-right: 20px; margin-bottom: calc(20px + 1.6vw); text-align: center;}
.product_list_box ul li .img{margin-bottom: 10px; overflow: hidden; position: relative;}
.product_list_box ul li .img .product_img2{ position: absolute;left: 0;top: 0; opacity: 0;filter:alpha(opacity=0);visibility: hidden;}
.product_list_box ul li:hover .img .product_img2{ opacity: 1;filter:alpha(opacity=100);visibility: visible;}
.product_list_box ul li:hover .img img{transform: scale(1.1);}
.product_list_box ul li:nth-of-type(4n){ margin-right:0px;}

.product_info_box{padding: calc(4.2rem + 6vw) 0 calc(1rem + 3vw); background-color: rgba(0,0,0,0.5);}
.product_info_box:before{width: 100%;height: 100%;content: '';position: fixed;top: 0;left: 0; display: block;background-image: url(../images/banner_product.jpg);background-position:top center; background-repeat: no-repeat;z-index: -1;}
.product_info_box .mianbao{background: inherit;}
.product_info_box .product_jianjie_box{background: #fff; padding: calc(1rem + 3vw);}
.product_info_box .title{ text-align: center; margin-bottom: calc(10px + 1vw);}
.product_info_box .title strong{ font-size: calc(16px + 0.6vw);}

.product_info_box .product_jianjie_box .left{ width: 60%; float: left;}
.product_info_box .product_jianjie_box .right{ width: calc(40% - 2vw); float: right;}
.product_info_box .product_jianjie_box .right strong{ font-size: calc(16px + 0.2vw); display: block;margin-bottom: calc(10px + 0.3vw);}
.product_info_box .product_jianjie_box .right .font{ color: rgba(0,0,0,0.6); padding-bottom: calc(0.7rem + 0.5vw);margin-bottom: calc(0.7rem + 0.5vw);border-bottom: 1px solid rgba(0,0,0,0.1);}
.product_info_box .product_jianjie_box .right .more{text-align: center;}
.product_info_box .product_jianjie_box .right .more a:before{transform: translateX(0);}
.product_info_box .product_jianjie_box .right .more a{color: #fff; font-size: 16px; display: inline-block; margin: 0 auto;}
.product_info_box .mianbao .left{ float: inherit; padding-bottom: 0.4rem;}
.product_xiangqing{ background: #fff;padding: calc(1rem + 3vw) 0 10px;}
.cpewm{ padding-bottom: 20px;}
.cpewm img{ max-width: 100%; width: auto;}

.anli_list_banner:before{width: 100%;height: 70%;content: '';position: fixed;top: 0;left: 0; display: block;background-image: url(../images/banner_anli.jpg);background-position:center;background-repeat: no-repeat;z-index: -1;}
.anli_list_box{ background: #fff; width: 100%;}
.anli_list_box ul li{ width: calc(100% / 3 - 15px);float: left; margin-right: 20px; margin-bottom: calc(20px + 1.6vw); text-align: center;}
.anli_list_box ul li .img{margin-bottom: 10px; overflow: hidden; position: relative;}
.anli_list_box ul li .img:before{ content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;background: rgba(0,0,0,0.0);z-index: 10;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.anli_list_box ul li .img:after{content: ''; width: 40px;height: 40px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto; background: url(../images/jia.png) no-repeat;z-index: 20;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;opacity: 0;filter:alpha(opacity=0);}
.anli_list_box ul li:hover .img:after{opacity:1;filter:alpha(opacity=100);}
.anli_list_box ul li:hover .img:before{ background: rgba(0,0,0,0.7);}
.anli_list_box ul li:hover .img img{transform: scale(1.2);}
.anli_list_box ul li:nth-of-type(3n){ margin-right:0px;}

.article_list_box{background: #fff; padding: calc(10px + 2vw) 0;}
.raider li{ padding:30px 0 30px;width: 100%; position:relative;}

.radiertext{ width:calc(100% - 40% - 63px); float:left; margin-left:43px;}
.radiertext h3{ color:#4d4d4d; font-size:24px; font-weight:normal; line-height:1.2; margin-bottom:6px;}
.radiertext time{ display:block; padding-left:20px; color:#969696; line-height:1; background:url(../images/time1.png) left center no-repeat;}
.radiertext p{ color:#8e8e8e; font-size:14px; margin-top:34px; height:98px; overflow:hidden;}
.radiertext span{ display:inline-block; color:#767676; padding-right:38px; line-height:1; font-family:"Arial"; position:relative;}  

.article_list_box .raider{ padding-bottom:25px;}
.article_list_box .raider li{width:calc(100%/3 - 25px); margin-right:25px; overflow: hidden; float:left;}
.article_list_box .raider li:nth-child(3n){ margin-right:0;}
.article_list_box .raider li .text{float:left; width:100%;}
.article_list_box .raider li .img{width: 100%;height: auto;}
.article_list_box .raider li .img{margin-bottom: calc(10px + 0.8vw);}
.article_list_box .raider li .text strong{font-size: calc(16px + 0.1vw);display: block; font-weight: 200;margin-bottom: calc(5px + 0.1vw);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.article_list_box .raider li .text span{color: #999; }
.article_list_box .raider li:before{content: '';width: 100%;height: 1px; display: block;background:#d4322b;position: absolute;bottom: 0px;left: 0;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-ms-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;transform: translate(-100%,0px);}
.article_list_box .raider li:after{content: '';width: 100%;height: 1px; display: block;background:rgba(0,0,0,0.1);position: absolute;bottom: 0px;left: 0;}
.article_list_box .raider li:hover:before{transform: translate(0%,0px);}

.article_box{background: #fff;}
.article_box .wp{max-width: 1200px; padding: 0 calc(1.5rem + 3vw);}
.article_box .title{text-align: center; padding-bottom:15px;}
.article_box .title b{font-size: 28px; color: #333333;display: block; font-weight: 500; margin-bottom:5px;}
.article_box .title span{font-size: 14px; color: #666;}
.article_box .content_box{ width:100%; padding:35px 0; font-size:16px; line-height:26px;border-top: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1);}
.article_box .content_box img{max-width: 100%; display:inline;}
.article_box .return{position: relative; padding-top: calc(10px + 1vw);}
.article_box .return a{ font-size: 14px; opacity: 0.7;filter:alpha(opacity=70);}
.article_box .return a i{ margin-right: 5px;}
.article_box .return a:hover{ color: #d4322b; opacity: 1;filter:alpha(opacity=100);}
.article_box .return a:nth-of-type(1){ font-size: 14px;}
.article_box .return a:nth-of-type(2){float: right;}
.article_box .return a:nth-of-type(3){position: absolute;left: 50%;transform: translateX(-50%);}

.lxwm_box{background: #fff; padding: calc(1.5rem + 3vw) 0;}
.lxwm_box .wp{max-width: 1100px;}
.lxwm_box .title{ text-align: center;margin-bottom:calc(1.5rem + 3vw);}
.lxwm_box .title span{ display: block;}
.lxwm_box .title span.name{font-size: calc(14px + 1vw);}
.lxwm_box .title span.name_en{ color: #999;}
.lxwm_box ul{}
.lxwm_box ul li{ width: calc(100% / 4);float: left; text-align: center;}
.lxwm_box ul li i{ width: 80px;height: 80px;line-height: 80px;font-size: 30px; border-radius: 50%;background: #d4322b;color: #fff; display: block; margin: 0 auto 0.5rem;}
.lxwm_box ul li span{color: #999;margin-bottom: 1rem; display: block; font-size: 16px;}

.contact_biaodan{ padding: calc(1.5rem + 3vw) 0;background: #fff url(../images/liuyan_back.jpg) no-repeat; background-size: cover;background-position: center;}
.contact_biaodan .wp{max-width: 1100px;}
.contact_biaodan .title{ text-align: center; margin-bottom:30px;}
.contact_biaodan .title b{font-size:30px; color:#000; display:block; margin-bottom:5px;}
.contact_biaodan .title p{color: #000;font-size: 16px; opacity: 0.5;filter:alpha(opacity=50);font-family: Times;}
.contact_biaodan .wenben{ width: 32%;background: #fff;border: 1px solid rgba(0,0,0,0.1);float: left; margin-right: 1.9%; color: #000;}
.contact_biaodan .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
.contact_biaodan .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; background: inherit; color: #000;}
.contact_biaodan .wenben:nth-of-type(3){margin-right: 0;}
.contact_biaodan .neirong{margin-top: 30px; margin-bottom:20px;}
.contact_biaodan .neirong .cmessage{ width: 100%; padding: 10px; min-height: 150px; background: #fff;border: 1px solid rgba(0,0,0,0.1);color: #000; margin-top: 15px;}
.contact_biaodan .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
.contact_biaodan .submit{ width: 140px;height: 46px; display: block; background: #d4322b; color: #fff;margin: 0 auto; font-size: 16px;}
.contact_biaodan .submit:hover{ background:#d4322b; cursor:pointer;}

.fuwu_banner:before{width: 100%;height: 70%;content: '';position: fixed;top: 0;left: 0; display: block;background-image: url(../images/banner_fuwu.jpg);background-position:center;background-repeat: no-repeat;z-index: -1;}
.fuwu_box{background: #fff;}
.fuwu_box .wp{max-width: 1100px;}

.zhaoping_wrap_box{ background: rgba(0,0,0,0); max-width: 1100px;}
.zhaoping_banner { padding: 100px 0 50px;}
.zhaoping_banner .title{ position: static; transform: none;}
.zhaoping ul li{background: #f4f4f4;margin-bottom:5px;}
.zhaoping ul li:nth-of-type(1){border-top: 0px;}
.zhaoping ul li .title {cursor: pointer; display: block;padding:20px 20px;transition:0.7s;}
.zhaoping ul li .open .title{background:#d4322b;}
.zhaoping ul li .open .title b{color:#fff;}
.zhaoping ul li .open .title b i{color:#fff;}
.zhaoping ul li .open .title .icon_more i{color: #fff;}
.zhaoping ul li .title:hover{ background:#d4322b;transition:0.7s;}
.zhaoping ul li .title b{ font-size:16px;float: left; margin-right:20px; font-weight:500;}
.zhaoping ul li .title b i{margin-right: 8px; color: #999;}
.zhaoping ul li .title:hover b{color:#fff;}
.zhaoping ul li .title:hover b i{color:#fff;}
.zhaoping ul li .title .widget-metas{ font-size: 14px; color: #A0ADB5;transform:translateY(5px); float: left;}
.zhaoping ul li .title .widget-metas span{ float: left; margin-right: 20px; color:#666;}
.zhaoping ul li .title .widget-metas span i{font-size: 14px; margin-right: 6px;}
.zhaoping ul li .title .icon_more{ float: right; width: 26px;height: 26px; text-align: center; line-height: 26px;}
.zhaoping ul li .title .icon_more i{font-size: 14px; transform: scale(0.7);color: #666;}
.zhaoping ul li .title:hover .icon_more i{color: #fff;}
.zhaoping ul li .text{ padding: 0 40px 15px; display: none; border-top:1px solid #f1f1f1; padding-top:15px; font-size:14px; line-height:24px; color:#444;background: #f4f4f4;}
.zhaoping ul li:hover{} 
.zhaoping ul li:hover b{transform:translateX(5px);} 
.zhaoping ul li:hover .title .widget-metas{transform:translate(5px,5px);} 
.zhaoping ul li .open .icon_more{transform:rotate(90deg) scale(0.7);} 
.zhaoping ul li:hover .icon_more i{} 
.zhaoping_box .biaoti{ font-size: 20px;margin-bottom: 20px;}
.zhaoping{padding-bottom: 30px;}

.fuwu_box .title_bt,.kongjian_box .title_bt{ margin-bottom: calc(1rem + 1vw); text-align: center;}
.fuwu_box .title_bt strong,.kongjian_box .title_bt strong{font-size: calc(16px + 0.5vw); display: block; color: #000; margin-bottom: 8px;}
.fuwu_box .title_bt p,.kongjian_box .title_bt p{margin: 0 auto; width: 94%;color: #666; max-width: 600px;}

.kongjian_box{background: #fff;}
.kongjian_banner{height: 100vh;}
.kongjian_banner:before{width: 100%;height: 100%;content: '';position: fixed;top: 0;left: 0; display: block;background-image: url(../images/banner_kongjian.jpg);background-position:center;background-repeat: no-repeat;background-size: cover; z-index: -1;}

.kongjian_banner .sll_contact_icon{ width: 21px;height: 50px; position: absolute;bottom: 4vh;left: 50%; padding-top: 60px; cursor: pointer;}
.kongjian_banner .sll_contact_icon i{ width: 1px;height: 50px; display:inline-block;background: #fff;margin: 0 10px;}
.kongjian_banner .sll_contact_icon i{
z-index: 2;
-ms-animation-name:'wenhao';
-ms-animation-duration: 1s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-delay: 0s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: alternate;
-webkit-animation-name:'wenhao';
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out; 
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-name:'wenhao';
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes wenhao {
0% {
transform:translateY(-80px);
height: 50px;
}
100% {
transform:translateY(20px);
height: 0px;
}
}

.kongjian_box .title_bt strong{font-size: calc(16px + 1.5vw); font-weight: 300;}
.kongjian_box ul li{width: calc(100% / 2 - 5px); float: left; position: relative; margin-right: 10px;  margin-bottom: 10px; overflow: hidden;}
.kongjian_box ul li .img img{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.kongjian_box ul li:hover .img img{transform: scale(1.1);-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.kongjian_box ul li:before{content: ''; width: 100%;height: 100%;display: block;background: rgba(0,0,0,.5);transform: translateX(-100%);position: absolute; top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;pointer-events: none;}
.kongjian_box ul li:nth-of-type(2n){margin-right: 0;}
.kongjian_box ul li .text{position: absolute;top: 50%; width: 100%;left: 0; text-align: center; color: #fff;z-index: 5;transform: translateY(100px); opacity: 0;filter:alpha(opacity=0);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.kongjian_box ul li .text strong{font-size: calc(16px + 0.5vw); font-weight: 300; display: block;margin-bottom: 8px;}
.kongjian_box ul li .text .texthang_2{width: 60%; margin: 0 auto 3vw;}
.kongjian_box ul li .text .swi_Showoffice_more{ padding: 5px 15px;border: 1px solid rgba(255,255,255,0.1);display:inline-block;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.kongjian_box ul li .text .swi_Showoffice_more:hover{background: #fff; color: #333;}
.kongjian_box ul li:hover:before{transform: translateX(0);}
.kongjian_box ul li:hover .text{transform: translateY(0); opacity: 1;filter:alpha(opacity=0);}
.kongjian_box .more{margin-top: calc(10px + 1vw);}
.kongjian_box .more a{margin: 0 auto;display: inline-block; padding: 0 34px; display: table;}
#dituContent  .anchorTL{display: none;}
#dituContent  .anchorBL{display: none;}

.join_banner{height: inherit; overflow: hidden; position: relative;}
.join_banner .img{height:inherit;}
.join_banner .img img{height:inherit; width: 100%;}
.join_banner .text{position: absolute;top: 50%; text-align: center; width: 100%; transform: translateY(-50%)!important;}
.join_banner .text span{ font-size: calc(1rem + 1vw); color: #fff; margin-bottom: calc(0.6rem + 1vw); display: block;}
.join_banner .text .text_img{ width: 40%; max-width: 762px; text-align: center;display: inline-block;}
.join_banner .rexian{ position: absolute;bottom: 15%; width: 100%; text-align: center;}
.join_banner .rexian span{color: #fff;display: block; font-size: calc(14px + 0.4vw);}
.join_banner .rexian strong{color: #d4322b; font-size: calc(1rem + 1vw); font-weight:400;}

.join_wen{background: #fff; padding: calc(2rem + 3vw) 0 calc(2rem + 1vw);}
.join_wen .wp{position: relative;}
.join_wen .left{float: left; width: 35%;}
.join_wen .left:after{content: '';width: 2rem;height: 2px;display: block;background: #d4322b;}
.join_wen .left strong{display: block; font-size: calc(1rem + 1.3vw); font-weight:400;margin-bottom: 10px;}
.join_wen .left span{display: block;font-size: calc(12px + 0.4vw);margin-bottom: calc(0.4rem + 0.3vw);}
.join_wen .left i{font-size: 14px; display: block;font-style: normal; margin-bottom: 1rem;}
.join_wen .right{ width: 60%; float: right;}
.join_wen .right ul{}
.join_wen .right ul li{ width: calc(50% - 3vw); padding:1rem calc(2vw); border-left: 1px solid rgba(0,0,0,0.1); float: left;}
.join_wen .right ul li:nth-of-type(2n){margin-right:0;}
.join_wen .right ul li strong{ font-size: calc(16px + 0.6vw); display: block;margin-bottom: calc(0.5rem + 0.2vw);}
.join_wen .right ul li .font{ font-size: 14px;line-height: 24px; margin-bottom: calc(10px + 2vw);}
.join_wen .wp .ljzx{ width: 130px;height: 48px;position: absolute;bottom: 10%;left: 0; background: #000;color: #fff; text-align: center;line-height: 48px;}
.join_wen .wp .ljzx:hover{background: #d4322b; transform: translateY(-10px);}

.join_danxin{ position: relative; background: #f4f4f4;padding: calc(2rem + 2vw) 0; overflow: hidden;}
.join_danxin img.join_wenhao{position: absolute;left: calc(2% + 8vw);bottom: 0; width: inherit; width: 15%; max-width: 250px;}
.join_danxin .wp ul li{width: calc(25% - 1vw);background: #fff; margin-right: 1.25vw;height:280px; float: left;position: relative; padding: calc(1rem + 1.5vw) calc(1rem + 2vw);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.join_danxin .wp ul li:nth-of-type(4n){margin-right:0vw;}
.join_danxin .wp ul li strong{font-size: calc(1rem + 0.7vw); display: block; font-weight: 400; padding-bottom: calc(1vw + 0.4rem);position: relative;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.join_danxin .wp ul li strong:before{content: '';width: calc(20px + 1vw);height: 2px; display: block;background: #d4322b;position: absolute; bottom: 0.5vw;left: 0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.join_danxin .wp ul li p{font-size: calc(0.75rem + 0.4vw); display: block;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.join_danxin .wp ul li:nth-of-type(1){background: #d4322b; color: #fff;}
.join_danxin .wp ul li:nth-of-type(1) strong{font-size: calc(1rem + 1.2vw);}
.join_danxin .wp ul li:nth-of-type(1) p{font-size: calc(0.75rem + 1vw);color: rgba(255,255,255,0.3); width: 100%;text-transform: uppercase;}
.join_danxin .wp ul li:hover{ background: #d4322b;}
.join_danxin .wp ul li:hover strong{ color: #fff;}
.join_danxin .wp ul li:hover strong:before{ background: #fff; width: calc(20px + 2vw);}
.join_danxin .wp ul li:hover p{ color: #fff;}

.womenshi {padding: calc(2rem + 6vw) 0; background: url(../images/mouai.jpg) no-repeat; background-size: cover;}
.womenshi .wp{max-width: 1100px;}
.womenshi .title{margin-bottom: calc(1.5rem + 3vw);text-align: center; color: #fff;}
.womenshi .title strong{font-size: calc(1.2rem + 1.3vw); font-weight: 300; display: block;margin-bottom: calc(0.4rem + 0.4vw);}
.womenshi .title span{font-size: calc(0.75rem + 0.7vw);color: rgba(255,255,255,0.5);font-weight: 300;display: block;}
.womenshi .left{text-align: center; color: #d9b181; width: 50%; margin: 0 auto;}
.womenshi .left strong{font-size: calc(1rem + 1.4vw); display: block;margin-bottom: calc(0.2rem + 1vw);}
.womenshi .left p{font-size: calc(0.8rem + 1vw); font-weight: 200;}

/*基地*/
.swi_kecheng{padding: calc(20px + 5vw) 0 calc(20px + 4vw); position: relative;overflow: hidden;}
.swi_kecheng .map_back{ width:60%; min-width: 1000px; position: absolute; bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 0;}
.swi_kecheng .wrap{position:inherit;z-index: 55;}
.swi_kecheng .title{ text-align: center; color: #000; margin-bottom: calc(20px + 3vw);}
.swi_kecheng .title strong{ font-size: calc(16px + 1.3vw);margin-bottom: calc(0.5vw); display: block;}
.swi_kecheng .title strong span{ font-size: calc(16px + 1.3vw); font-family: shuzi; display: inline-block; font-weight: 100;}
.swi_kecheng .title p{ font-size: calc(14px + 0.4vw);margin-bottom: calc(0.5vw); display: block;color: #999;}

#certify {position: relative;margin: 0 auto 0px;}
#certify .swiper-container {padding-bottom: 80px;}
#certify .swiper-slide {width: 38%;background: #fff;box-shadow: 0 8px 30px rgba(0,0,0,0.1);}
#certify .swiper-slide img{width: 100%;display:block;}
#certify .swiper-slide p {line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;filter:alpha(opacity=100);}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #B9272C;background-color: #fff;}
#certify .swiper-button {width: 45px;height: 45px;line-height: 42px; text-align: center;background: inherit;border: 2px solid #AAAAAA;border-radius: 50%;}
#certify .swiper-button i{font-size: 12px;color: #AAAAAA;}
#certify .swiper-button:hover {border: 2px solid #B9272C;}
#certify .swiper-button:hover i{color: #B9272C;}
#certify .swiper-button-prev {left: -30px;outline: none;}
#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next {right: -30px;outline: none;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
.diuni_an{z-index: 10;position: relative;}
.diuni_an a{ width: 160px;height: 54px; border-radius: 27px; line-height: 54px;text-align: center; color: #fff;display: block;margin: 0 auto; background: #B9272C; box-shadow: 0 5px 5px rgba(255,94,60,0.1);}
.diuni_an a:hover{transform: scale(0.95);}
.join_rongyu{background: #fff;}
.join_rongyu .title strong{ font-size: calc(16px + 1.3vw);margin-bottom: calc(0.5vw); display: block;}
.join_rongyu .title p{ font-size: calc(14px + 0.4vw);margin-bottom: calc(0.5vw); display: block;color: #999;}
.chuangyefuchi{position: relative;}
.chuangyefuchi .title{position: absolute; width: 100%;text-align: center; top: 40%; transform: translateY(-50%); color: #fff;}
.chuangyefuchi .title strong{font-size: calc(1.2rem + 1.3vw); font-weight: 300; display: block;margin-bottom: calc(0.4rem + 0.4vw);}
.chuangyefuchi .title p{font-size: calc(0.75rem + 0.7vw);color: rgba(255,255,255,0.5);font-weight: 300;display: block;margin-bottom: calc(1.5rem + 3vw);}
.chuangyefuchi .title .text{ color: #d9b181;font-size: calc(0.8rem + 1vw);font-weight: 200;position: absolute; text-align: center;display: block;width: 100%;font-weight: bold;}

/*六大优势*/
.join_youshi_box{background: url(../images/youshi_back.jpg) no-repeat;background-attachment: fixed; background-size:cover; padding: calc(2rem + 3vw) 0;width: 92%;max-width: 1500px; margin: 0 auto; transform: translateY(-10%);}
.join_youshi_box .title{ text-align: center; color: #fff; margin-bottom: calc(1rem + 3vw);}
.join_youshi_box .title strong{ font-size: calc(16px + 1.1vw);font-weight: 300; display: block; margin-bottom: calc(0.4rem + 0.4vw);}
.join_youshi_box .title strong em{color: #fff;}
.join_youshi_box .title span{max-width:500px;display: block; margin: 0 auto; color: rgba(255,255,255,0.7);}
.join_youshi_box .youshi .img{position: relative; margin: 0 auto; width: 262px;height: 262px;}
.join_youshi_box .youshi .img img.quanzi{-webkit-animation: haha2 6s linear infinite;}
.join_youshi_box .youshi .img img.quan_logo{ position: absolute;top: 0; width: 159px;right: 0;bottom: 0;left: 0;margin: auto;}
@-webkit-keyframes haha2{
		0%{-webkit-transform:rotate(0deg) scale(0.7);}
		50%{-webkit-transform:rotate(360deg) scale(1);}
		100%{-webkit-transform:rotate(0deg) scale(0.7);}
	}
.join_youshi_box .youshi{position: relative; padding: calc(2rem + 2vw) 0;}
.join_youshi_box .youshi span{color: #fff; position: absolute;top: 0;left: 0;font-size: calc(16px + 0.3vw);}
.join_youshi_box .youshi span strong{font-size: calc(16px + 1.1vw); font-weight:400; margin-right: calc(0.4rem)}
.join_youshi_box .youshi span:nth-of-type(1){top: 3%;left: 45%;}
.join_youshi_box .youshi span:nth-of-type(2){top: 30%;left: 30%;}
.join_youshi_box .youshi span:nth-of-type(3){top: 30%;left: 60%;}
.join_youshi_box .youshi span:nth-of-type(4){top: 55%;left: 30%;}
.join_youshi_box .youshi span:nth-of-type(5){top: 55%;left: 60%;}
.join_youshi_box .youshi span:nth-of-type(6){top: 82%;left: 45%;}

.join_liucheng{ background: #b9272c; padding-bottom: 0;}
.join_liucheng .wp{ background: #b9272c; padding-bottom: calc(1.4rem + 3vw); position: relative;}
.join_liucheng .wp:after{content: '';width: 100%;height: 20px;background: url(../images/licheng_nian_back.png) repeat-x; position: absolute;bottom: 0;left: 0;}
.join_liucheng .title{text-align: center; color: #e6e2bd; margin-bottom: calc(1.4rem + 2vw);}
.join_liucheng .title strong{ font-size: calc(16px + 1.1vw);font-weight: 300; display: block; margin-bottom: calc(0.2rem + 0.2vw);}
.join_liucheng .title p{ font-size: calc(14px + 0.4vw);margin-bottom: calc(0.5vw); display: block;}
.join_liucheng .swi_join_liucheng ul li{ width: calc(100% / 6); position: relative;}
.join_liucheng .swi_join_liucheng ul li .quan{ width:calc(80% - 4px);height: 0;padding: calc(40% - 2px) 0; margin: 0 2px;position: relative; float: right;}
.join_liucheng .swi_join_liucheng ul li .quan1{width: 100%;height: 100%; -webkit-animation: haha1 6s linear infinite;border-radius: 50%;border: 1px dashed #e6e2bd; position: absolute;left: 0;top: 0; display: block;}
.join_liucheng .swi_join_liucheng ul li .quan2{width:90%;height:90%;border-radius: 50%;position: absolute;left: 5%;top: 5%;background: #fff;z-index: 5; display: block;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.join_liucheng .swi_join_liucheng ul li:hover .quan2{background: #e6e2bd;}
@-webkit-keyframes haha1{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
.join_liucheng .swi_join_liucheng ul li .text{position: absolute;width: 100%; position: absolute;top: 50%;transform: translateY(-50%);left: 0; text-align: center; color: #b9272c; font-size: calc(0.75rem + 0.4vw);z-index: 10;}
.join_liucheng .swi_join_liucheng ul li .text span{display: block;}
.join_liucheng .swi_join_liucheng ul li .iconfont{ position: absolute;top: 50%;left: 8%;font-size: 12px; color: #e6e2bd; transform: translateY(-50%);}

/*地图*/
.ioin_map{ padding:  calc(2rem + 4vw) 0; overflow: hidden;}
.ioin_map .left{width: 800px!important;float: left;position: relative;}
.ioin_map #ChinaMap{width: 800px!important; transform: scale(1.2);}
.ioin_map .left .dian{}
.ioin_map .left .dian i{ width: 7px;height: 7px;border-radius: 50%; background: #FFFFBC; position: absolute;pointer-events: none;}
.ioin_map .left .dian i:before{content: ''; width: 100%;height: 100%; position: relative;}
.ioin_map .left .dian i:after{content: ''; width: 100%;height:100%;background:#FFFFBC;opacity: 0.6; display: block;border-radius: 50%; position: absolute;top: 0;left: 0; transform: scale(1);
-ms-animation: fangdaa 1.5s ease-in-out 0s infinite alternate;
-webkit-animation: fangdaa 1.5s ease-in-out 0s infinite alternate;
animation: fangdaa 1.5s ease-in-out 0s infinite alternate;
}
@keyframes fangdaa {
0% {
transform:scale(1);
}
100% {
transform:scale(2.3);
}
}
.ioin_map .left .dian i:nth-of-type(1){left: 84%;top: 11%;}
.ioin_map .left .dian i:nth-of-type(2){left: 77%;top: 80%;}
.ioin_map .left .dian i:nth-of-type(3){left: 81%;top: 28%;}
.ioin_map .left .dian i:nth-of-type(4){left: 80%;top: 70%;}
.ioin_map .left .dian i:nth-of-type(5){left: 58%;top: 70%;}
.ioin_map .left .dian i:nth-of-type(6){left: 64%;top: 98%;display: none;}
.ioin_map .left .dian i:nth-of-type(7){left: 75%;top: 62%;}
.ioin_map .left .dian i:nth-of-type(8){left: 71.5%;top: 92%;display: none;}
.ioin_map .left .dian i:nth-of-type(9){left: 67%;top: 67%;}
.ioin_map .left .dian i:nth-of-type(10){left: 66%;top: 77%;}
.ioin_map .left .dian i:nth-of-type(11){left: 80%;top: 63%;display: none;}
.ioin_map .left .dian i:nth-of-type(12){left: 71%;top: 90%;}
.ioin_map .left .dian i:nth-of-type(13){left: 60%;top: 92%;}
.ioin_map .left .dian i:nth-of-type(14){left: 82%;top: 20%;}
.ioin_map .left .dian i:nth-of-type(15){left: 74%;top: 47%;}
.ioin_map .left .dian i:nth-of-type(16){left: 50%;top: 70%;}
.ioin_map .left .dian i:nth-of-type(17){left: 74%;top: 87%;display: none;}
.ioin_map .left .dian i:nth-of-type(18){left: 77%;top: 64%;display: none;}
.ioin_map .left .dian i:nth-of-type(19){left: 50%;top: 87%;}
.ioin_map .left .dian i:nth-of-type(20){left: 79%;top: 58%;}
.ioin_map .left .dian i:nth-of-type(21){left: 10.8%;top: 37.2%; }
.ioin_map .left .dian i:nth-of-type(22){left: 50%;top: 45%; }
.ioin_map .left .dian i:nth-of-type(23){left: 38.8%;top: 50.8%; }
.ioin_map .left .dian i:nth-of-type(24){left: 23%;top: 62%; }
.ioin_map .left .dian i:nth-of-type(25){left: 70%;top: 25%; }
.ioin_map .left .dian i:nth-of-type(26){left: 69.3%;top: 41.6%; }
.ioin_map .left .dian i:nth-of-type(27){left: 71%;top: 36.2%; }
.ioin_map .left .dian i:nth-of-type(28){left: 67.4%;top: 56.2%; }
.ioin_map .left .dian i:nth-of-type(29){left: 65%;top: 45%; }
.ioin_map .left .dian i:nth-of-type(30){left: 60.4%;top: 55.8%; }
.ioin_map .left .dian i:nth-of-type(31){left: 55%;top: 47%; }
.ioin_map .left .dian i:nth-of-type(32){left: 57%;top: 80%; }
.ioin_map .left .dian i:nth-of-type(33){left: 73%;top: 74%; }

.ioin_map .left .dian i:nth-of-type(1):after{-ms-animation-delay:1s;-webkit-animation-delay:1s;}
.ioin_map .left .dian i:nth-of-type(2):after{-ms-animation-delay:1.2s;-webkit-animation-delay:1.2s;}
.ioin_map .left .dian i:nth-of-type(3):after{-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.ioin_map .left .dian i:nth-of-type(4):after{-ms-animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.ioin_map .left .dian i:nth-of-type(5):after{-ms-animation-delay:0.8s;-webkit-animation-delay:0.8s;}
.ioin_map .left .dian i:nth-of-type(6):after{-ms-animation-delay:0.26s;-webkit-animation-delay:0.26s;}
.ioin_map .left .dian i:nth-of-type(7):after{-ms-animation-delay:0.17s;-webkit-animation-delay:0.17s;}
.ioin_map .left .dian i:nth-of-type(8):after{-ms-animation-delay:2.1s;-webkit-animation-delay:2.1s;}
.ioin_map .left .dian i:nth-of-type(9):after{-ms-animation-delay:0.8s;-webkit-animation-delay:0.8s;}
.ioin_map .left .dian i:nth-of-type(10):after{-ms-animation-delay:1.3s;-webkit-animation-delay:1.3s;}
.ioin_map .left .dian i:nth-of-type(11):after{-ms-animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.ioin_map .left .dian i:nth-of-type(12):after{-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.ioin_map .left .dian i:nth-of-type(13):after{-ms-animation-delay:1.8s;-webkit-animation-delay:1.8s;}
.ioin_map .left .dian i:nth-of-type(14):after{-ms-animation-delay:1.0s;-webkit-animation-delay:1.0s;}
.ioin_map .left .dian i:nth-of-type(15):after{-ms-animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.ioin_map .left .dian i:nth-of-type(16):after{-ms-animation-delay:0.7s;-webkit-animation-delay:0.7s;}
.ioin_map .left .dian i:nth-of-type(17):after{-ms-animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.ioin_map .left .dian i:nth-of-type(18):after{-ms-animation-delay:1.4s;-webkit-animation-delay:1.4s;}
.ioin_map .left .dian i:nth-of-type(19):after{-ms-animation-delay:0.22s;-webkit-animation-delay:0.22s;}
.ioin_map .left .dian i:nth-of-type(20):after{-ms-animation-delay:0s;-webkit-animation-delay:0s;}
.ioin_map .left .dian i:nth-of-type(21):after{-ms-animation-delay:0.1s;-webkit-animation-delay:0.1s;}
.ioin_map .left .dian i:nth-of-type(22):after{-ms-animation-delay:1.1s;-webkit-animation-delay:1.1s;}









.ioin_map .right{ width: calc(100% - 1000px);float: right; padding-top: calc(1rem + 3vw);}
.ioin_map .right img.erwe{max-width: 108px;}
.ioin_map .right strong{font-size: calc(1rem + 1vw);display: block;margin-bottom: calc(5px + 0.1vw);}
.ioin_map .right i{font-size: calc(0.75rem + 0.4vw);font-style: normal; display: block; margin-bottom: calc(1rem + 1vw);}
.ioin_map .right em{font-size: 0.9rem;display: block;}
.ioin_map .right span{font-size: calc(1rem + 0.8vw); display: block; color: #d4322b; margin-bottom: calc(1rem + 3vw);}
.stateTip, #StateTip{display:none; position:absolute; padding:6px; background:#fff; border:1px solid #2385B1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px;color:#333;}

.join_bottom_fixed{ height:110px; padding: 20px 0; width: 100%; position: fixed;bottom: 0;left: 0; background: rgba(0,0,0,0.7);z-index: 100;transform: translateY(100%);visibility: hidden;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.join_bottom_fixed .wp{width: 88%; max-width: 1300px; position: relative;}
.join_bottom_fixed .left_logo{float: left;}
.join_bottom_fixed .left_logo img{width: inherit;}
.join_bottom_fixed .join_fixed_liuyan{width: calc(100% - 190px - 3vw);margin-left: 3vw; float: left; margin-top: 15px;}
.join_bottom_fixed .join_fixed_liuyan .wenben{width: calc(100% / 4 - 0.5vw); border-radius: 7px; overflow: hidden; margin-right: 0.5vw; float: left;}
.join_bottom_fixed .join_fixed_liuyan .wenben .text{width: 100%; padding: 11px 10px;font-size: 16px;}
.join_bottom_fixed .join_fixed_liuyan .submit{width: calc(100% / 4 - 130px);height: 43px;color: #fff;background: #d4322b;float: left; border-radius: 7px;font-size: 16px;}
.join_bottom_fixed .guanbi{position: absolute;top: 50%; transform: translateY(-50%); right: 0;}
.join_bottom_fixed .guanbi i{color: #fff; width: 40px;height: 40px;font-size: 12px; background: rgba(255,255,255,0);border-radius: 50%;line-height: 40px;text-align: center; display: inline-block;cursor: pointer;}
.join_bottom_fixed .guanbi i:hover{background: rgba(255,255,255,0.2);transform: rotate(360deg);}
.join_bottom_fixed .join_fixed_liuyan .submit:hover{background: #A72424;}
.join_bottom_fixed.vis_oppen{transform: translateY(0);visibility:visible;}
.join_bottom_fixed.meile{transform: translateY(100%)!important;visibility:hidden!important;opacity: 0;filter:alpha(opacity=0);}
.join_footer{padding-bottom: 110px;}

.join_guanjia{ background: #222222; padding: calc(1rem + 3vw) 0;}
.join_guanjia .title{text-align: center; color: #fff; margin-bottom: calc(1.4rem + 2vw);}
.join_guanjia .title strong{ font-size: calc(16px + 1.1vw);font-weight: 300; display: block; margin-bottom: calc(0.2rem + 0.2vw);}
.join_guanjia .title p{ font-size: calc(14px + 0.4vw);margin-bottom: calc(0.5vw); display: block;}
.join_guanjia ul{}
.join_guanjia ul li{ width: calc(100% / 4 - 1vw);margin-right: 1.25vw; float: left;background: #626262; margin-bottom: 1vw;}
.join_guanjia ul li .img{overflow: hidden;}
.join_guanjia ul li:hover .img img{transform: scale(1.1);}
.join_guanjia ul li:nth-of-type(4n){margin-right:0vw;}
.join_guanjia ul li .text{padding:1rem 1rem; text-align: center; color: #fff; font-size: calc(0.8rem + 0.4rem);}
.join_guanjia ul li:hover{background: #A72424;}
.join_tuandui{padding-top: 0;}

.product_index_box{background: #000; position: relative;}
.product_index_box .swi_product_index .swiper-slide img{width: 100%;height: 100vh;object-fit: cover;}
.product_index_box .text{position: absolute;top:50%;transform: translateY(-50%);text-align: center; width: 100%; left: 0;z-index: 10; color: #fff;}
.product_index_box .text strong{font-size: calc(1rem + 1.2vw);display: block; margin-bottom:calc(0.4rem + 0.6vw);}
.product_index_box .text i{width: 3rem;height: 2px;display: block;background: #d4322b; margin:  0 auto calc(0.4rem + 0.6vw);}
.product_index_box .text span{font-size: calc(0.75rem + 0.4vw); color: rgba(255,255,255,0.6);}
.product_index_box .swi_product_tabs{position: absolute;bottom: 10%;left: 0; width: 100%;z-index:10; overflow:hidden;}
.product_index_box .swi_product_tabs ul{width: 92%;max-width: 1000px; margin:0 auto; text-align:center; overflow:hidden;}
.product_index_box .swi_product_tabs ul li{width: calc(100% / 4); float: left; position:relative; overflow: hidden;}
.product_index_box .swi_product_tabs ul li:before{content:''; width:100%; height:1px;background: rgba(255,255,255,0.7);display: block; position: absolute;bottom: 0;left:0;transform: translateX(-101%);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
/*.product_index_box .swi_product_tabs ul li:after{content: ''; width: 100%;height: 1px;background: rgba(255,255,255,0.2);display: block;}*/
.product_index_box .swi_product_tabs ul li a{color: #fff;font-size: calc(14px + 0.1vw); padding: 0.7rem 0;display: block;}
.product_index_box .swi_product_tabs ul li.active a{transform: translateY(-10px);}
.product_index_box .swi_product_tabs ul li.active:before{transform: translateX(0);}
.wow{opacity: 0;filter:alpha(opacity=0);}
/*.tuijian_product{padding-top: 0!important;}*/
.tuijian_product .title{ text-align: center; margin-bottom: calc(1rem + 1vw);}
.tuijian_product .title strong{ font-size: calc(16px + 1vw); display: block;}
.zxdzbq{ height:40px; width:117px; overflow:hidden; margin-top:15px;}























@media screen and (max-width:1450px){
.fold_wrap{height:550px;}
.fold_wrap li{height:550px;width: calc(100% / 4);}
.fold_wrap:hover li{width: 20%;}
.fold_wrap li:hover{width: 40%;}
.info_box .wp{width: 100%;}
}
@media screen and (max-width:1360px){
.fold_wrap{height:450px;}
.fold_wrap li{height:450px;width: calc(100% / 4);}
.fold_wrap li .mask_b .text{min-width: 200px;}
.fold_wrap:hover li{width: 20%;}
.fold_wrap li:hover{width: 40%;}

	.top .top_coll span{font-size: 22px;}

}
@media screen and (max-width:1150px){
.footer_box .footer_call{display: none;}
}

.stateTip p{ padding-top: 5px;}


.bottom_nav{ display: none;}
.pc-vis{display: inherit;}
.phone-vis{display: none;}
@media screen and (max-width:1024px){
	.apple-banner .swiper-wrapper .swiper-slide img.pc-vis{display: inherit;}
	.apple-banner .swiper-wrapper .swiper-slide img.phone-vis{display: none;}
	body{min-width: inherit;}
	.pc-vis{display: none;}
	.phone-vis{display: inherit;}
	.top .nav{display: none;}	
	.top{ min-width:inherit;height: 3.1rem; transform: translateY(0%);}
	.top .top_coll{line-height: 3.6rem;}
	.top .language{ margin-top: 0.5rem;}
	.top .nav ul li img{width: 40%;}
	.top .nav ul li{height: 3.6rem;}
	.top .nav ul{height: 3.6rem;}
	.top .nav ul li img{width: 40%;}
	.logo.phone-vis{margin-right: 2rem; float: left;}
	.logo.phone-vis a{display: block;}
	.logo.phone-vis img{ height:2.8rem; width:auto; padding-top:0.3rem;}
	.top .top_coll span{font-size: 18px;}
	.youshi_box{border-bottom: 0;padding-bottom: 0;}
	.youshi_box ul li{ width: calc(100% / 3 - 5px);margin-right: 10px; padding: 1rem 0}
	.youshi_box ul li span{width: 80%; margin: 0 auto;font-size: 0.75rem;}
	.youshi_box ul li:nth-of-type(2n):before{opacity: 0;filter:alpha(opacity=0);}
	.youshi_box ul li strong{font-weight: 400;}	
	.youshi_box ul li:hover{background: #f4f4f4;}	
	.youshi_box ul li:hover strong{color: #333;}
	.youshi_box ul li:hover span{color: #909090;}
	.youshi_box ul li:hover i{color: #d4322b;transform: none;}
	
	.index_about_box .left{ width: 100%;}
	.index_about_box .left .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px; overflow: hidden;}
	.index_about_box .right{width: 100%; margin-bottom: 1rem;}
	.index_about_box .right .text{ margin-bottom: 1rem; width: 55%; float: left;}
	.index_about_box .right .text i{margin: 10px 0;}
	.index_about_box .right .gundong_shuzi{width: 40%; float: right; margin-top:2.5rem; border-left: 1px solid rgba(0,0,0,0.1);}
	.index_about_box .right .gundong_shuzi ul li{text-align: center;}
	.index_about_box .right .gundong_shuzi ul li .box strong{font-size: calc(30px + 1vw);font-size: 24px;}
	.index_about_box .right .title span{display: none;}
	.index_about_box .right .title{margin-bottom: 0;}
	.index_about_box .right .title strong{display: none;}
	.index_about_box .right .text strong{font-size: 1.2rem;}
	.index_about_box .left .swi_index_aboutimg{margin-bottom: 0.5rem;}
	.index_about_box .left .swi_index_aboutimg .swiper-slide{width: 78%; background: #000; position: relative;}
	.index_about_box .left .swi_index_aboutimg .swiper-slide img{opacity: 0.5;filter:alpha(opacity=50);}
	.index_about_box .left .swi_index_aboutimg .swiper-slide-active img{opacity:100;filter:alpha(opacity=100);}
	.index_about_box .left .swi_index_aboutimg .swiper-slide i{width: 40px;height: 40px; display: block;background: rgba(255,255,255,0.6);border-radius: 50%; text-align: center;line-height: 40px; color: #333;position: absolute; top: 50%;transform: translateY(-50%);left: 11%; font-size: 12px;}
	.index_about_box .left .swi_index_aboutimg .swiper-slide-prev i{opacity: 0;filter:alpha(opacity=0);}
	.index_about_box .left .swi_index_aboutimg .swiper-slide-active i{opacity: 0;filter:alpha(opacity=0);}
	.article_box .title b{font-size: 1.3rem; margin-bottom: 10px;}
	.product_index_box .swi_product_tabs ul li:before{height:1px;background: rgba(255,255,255,0.6);}
	.article_box .title span{font-size: 12px;}
	.article_box .content_box{padding: 20px 0;}
	.article_box .return a{display: block; float: inherit!important;margin: 0.5rem 0;}

	.apple-banner{height: inherit;}
	.apple-banner .swiper-container{height:inherit;}
	.apple-banner .swiper-wrapper{height: inherit;}
	.apple-banner .swiper-slide{height: inherit!important;}
	.apple-banner .swiper-slide img{height: inherit;}
	.apple-banner .swiper-slide picture{display: block;}
	.apple-banner .swiper-wrapper .swiper-slide img{height: inherit;width: 100%;}
	
	.contact_biaodan .wenben{ width: 100%; margin-bottom:6px;}
	.contact_biaodan .wenben .text{width: 100%;}
	.contact_biaodan .neirong .cmessage{width: 100%;}
	.contact_biaodan .title b{font-size: 1.2rem;}
	.contact_biaodan .title p{font-size: 14px;}
	.fold_wrap{height: inherit;}
	.fold_wrap li{width:50%!important;}
	.fold_wrap li{height: 250px;}
	.fold_wrap li .mask_b .text{min-width: inherit; text-align: center; left: 0; top: 50%;transform: translateY(-50%);}
	.fold_wrap li .mask_b .text h4{font-weight: 300;}
	.charm_box .swi_Showoffice .swiper-slide{width: 78%;}
	.charm_box .swi_Showoffice .swiper-slide:hover img{transform: scale(1);}
	.more a{ height: 32px; line-height: 32px;}
	.charm_box .title em{display: none;}
	.charm_box .swi_Showoffice .swiper-slide .text{ display: none;}
	.charm_box .swi_Showoffice .swiper-slide .chakan{display: none;}
	.charm_box .swi_Showoffice .swiper-slide i{width: 40px;height: 40px; display: block;background: rgba(255,255,255,0.6);border-radius: 50%; text-align: center;line-height: 40px; color: #333;position: absolute; top: 50%;transform: translateY(-50%);left: 11%; font-size: 12px;}
	.charm_box .swi_Showoffice .swiper-slide-active i{opacity: 0;filter:alpha(opacity=0);}
	.charm_box .wp{width: 92%; float: inherit;}
	.fold_wrap li .mask_b .text span{font-size: 0.74rem; color: rgba(255,255,255,0.5);}
	
	.swi_index_news{display: inherit;}
	.index_news .swi_index_news .swiper-slide .text strong{font-size: 0.9rem;}
	.index_news .swi_index_news .swiper-pagination{bottom: 0;}
	.news_box ul{ display: none;}
	
	.box_vdo{width: 92%;}
	.footer_box .footer_title{padding-left: 10px;font-size: 0.75rem;}
	.footer_box .link{display: none;}
	.footer_box .link a{font-size: 0.74rem; margin-right: 10px;}
	.footer_box .footer_product_nav{display: none;}
	.footer_box .footer_contact .footer_title{display: none;}
	.footer_box .footer_contact p{display: none;}
	.footer_box .right .erweima{display: none;}
	.footer_box .right{display: none;}
	.footer_box .footer_contact{width: 100%;}
	.footer_box .footer_contact .text{line-height: 22px;}
	
	.index_product_box .title span{opacity: 0.3;filter:alpha(opacity=30);}

	.ny_banner .img{height: 50vh;}
	.article_list_banner:before{height: 50vh!important;background-size: 100%;}
	.ny_banner .text{transform: translateY(-20%);}
	.ny_banner .text span{margin-bottom: 2px;}
	.mianbao .left{padding-top: 0;}
	.mianbao .left a{font-size: 12px;}
	.mianbao .right{display: none;}
	.mianbao{line-height:44px;height: 46px;}
	
	.product_list_box ul li{width: calc(100% / 3 - 4px);margin-right: 6px!important; margin-bottom: 0.7rem;}
	.product_list_box ul li:nth-of-type(3n){margin-right: 0px!important;}

	.erji_nav{z-index: 50; position: absolute;right: 0.5rem; top: 0rem; width: 2rem;height:1.6rem; padding-top: 0;}
	.erji_nav .menu_b{ width: 2rem;height:1.5rem; display: block;color: #333;font-size: 1rem;font-weight: bold;}
	.erji_nav .menu_b span i{}
	.erji_nav .menu_b span i:nth-child(1){margin-left: 0;}
	.erji_nav.on{display: none; visibility: hidden; opacity: 0;filter:alpha(opacity=0);}
	
	.zz_bg_b{visibility: hidden;display: block; width: 100%;height: 100%;background: rgba(0,0,0,0.8);opacity: 0;filter:alpha(opacity=0); top: 0;left: 0;}
	.menu_list_b{z-index:9999;visibility:hidden;box-sizing:border-box;padding-top:0rem;background:#fff;transform:translateY(100%); width:100%; bottom: 0;left: 0; height: auto; overflow: hidden;}
	.menu_list_box_b{ height: 100%; overflow-y: scroll;}
	.menu_list_b .menu_list_box_b>li{ width: calc(50% - 1px);height:3rem;line-height: 3rem; float: left; display:block;padding:0rem 0;border-bottom:1px solid #eee;border-right:1px solid #eee;color:#333;font-size:1rem;position: relative;}
	.menu_list_b .menu_list_box_b>li:nth-child(2n){ border-right: 0px;}
	.menu_list_b .menu_list_box_b>li p{display:block; text-align: center; font-size: 14px;padding: 0 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.menu_list_box_b .on{ background:#666;}
	.menu_list_box_b .on a{ color:#fff;}
	.menu_list_b .u_l{display:none;}
	.menu_list_b .right .coll{width:100%; float: left; height: 5rem; background: #d4322b; color: #fff; text-align: center;}
	.menu_list_b .right .coll a{color: #fff;}
	.menu_list_b .right .coll p{padding-top: 1rem; font-size: 0.8rem;}
	.menu_list_b .right .coll b{font-size: 1.4rem; font-weight:500; font-family: shuzifont;}
	.menu_list_b .right .booking{ width: 50%; float: left; height: 5rem; background: #d4322b; position: relative;}
	.menu_list_b .right .booking .text{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width:9rem;}
	.menu_list_b .right .booking .text i{ float: left; font-size: 2.2rem; margin-right: 0.2rem; margin-top: 0.5rem;}
	.menu_list_b .right .booking a{color: #fff;}
	.menu_list_b .right .booking .text .wen{ float: left;transform: scale(0.8);}
	.menu_list_b .right .booking .text .wen b{ font-size: 1.5rem;}
	.menu_list_b .right .booking .t	ext .wen p{ float: left; font-size: 0.8rem; display: block; text-align:left;}
	
	.product_info_box .product_jianjie_box .left{width: 100%; margin-bottom: 1rem;}
	.product_info_box .product_jianjie_box .right{width: 100%;}
	.product_info_box .product_jianjie_box{padding:1.5rem 1rem;}
	.product_info_box .product_jianjie_box .right .more a{height: 40px; line-height: 40px;margin: 0 auto; display: inline-block;}
	
	.info_boss:before{background-image: url(../images/banner_info_phone.jpg);}
	.info_boss .banner_info{height: 15rem;}
	.info_boss .banner_info .text{transform: translateY(0%);top: 70%; text-align: center;}
	.info_box{padding:2rem 1.5rem; float: inherit; margin: 0 auto;}
	.info_box .left_text{width: 100%;}
	.info_box .left_text .font{font-size: 0.9rem;}
	.info_box .right_img{display: none;}
	.info_box .img_box .right .img_text{padding: 1.5rem;}
	.info_box .img_box .right .img_text span{margin-bottom: 2rem;}
	.info_box .img_box .right .img_text em{font-size: 1rem;}
	.rongyua ul li{padding: 0.3rem;}
	.imgShowDemo .img{width: 60%;}
	.licheng_box .swi_licheng_text .font{ font-size: 0.9rem;}
	.licheng_box .swi_licheng_text .swiper-button{width: 30px;height: 30px;line-height:30px;margin-top: 0; transform: translateY(-50%);}
	.swiper-button-next, .swiper-button-prev{left: 0;}
	.swiper-button-next, .swiper-button-next{right: 0;left: inherit;}
	
	.imgShowDemo .txt .i{font-style:normal;}
	.rongyua .title{margin-bottom: 0.5rem;}
	.info_boss .banner_info .text .font{text-align: right;}
	.info_boss .banner_info .text .font strong{font-weight: 300;}
	
	.kongjian_box ul li .text .texthang_2{display: none;}
	.kongjian_box ul li .text .swi_Showoffice_more{display: none;}
	.kongjian_box ul li .text strong{font-size: 12px; margin-bottom: 0;}
	.kongjian_box ul li .text{transform: translateY(0);opacity: 1;filter:alpha(opacity=100); top: inherit;bottom: 10%;}
	.kongjian_box .more a{ width: 140px; height: 40px;line-height: 40px;}
	.fuwu_box .title_bt p, .kongjian_box .title_bt p{font-size: 12px;}
	.kongjian_banner{height:100vh;}
	.kongjian_banner:before{height: 100vh;}
	.kongjian_banner:before{background-image: url(../images/banner_kongjian.jpg)}
	
	.anli_list_box ul li{width: calc(100% / 2 - 3px)!important;margin-right: 6px!important; margin-bottom: 1rem;}
	.anli_list_box ul li:nth-of-type(2n){margin-right: 0px!important;}
	
	.zhaoping ul li .title{padding: 10px 20px;}
	.zhaoping ul li .title b{font-size: 13px;}
	.zhaoping ul li .text{padding: 10px 15px 15px;}
	.lxwm_box ul li{width: calc(100% / 2);}
	.lxwm_box ul li span{margin-bottom: 0.2rem;}
	.lxwm_box ul li p{min-height: 42px; margin-bottom: 1rem; padding: 0 1rem;}
	.lxwm_box .title{margin-bottom: 1.4rem;}
	.lxwm_box{padding: 2rem 0 0;}
	.lxwm_box ul li i{width: 60px;height: 60px;line-height:60px; font-size: 20px;}
	
	#dituContent{height: 250px!important;}
	
	.contact_biaodan .title{margin-bottom:0rem;}
	.contact_biaodan .submit{width: 110px;height: 36px; font-size: 14px;}
	.lxwm_box .title span.name_en{font-size: 12px;}
	
	.raider li{padding: 1rem 0;}
	.article_list_box .raider li{width:calc(100%/2 - 10px); margin-right:15px!important; overflow: hidden; float:left;}
	.article_list_box .raider li:nth-of-type(2n){ margin-right:0!important;}
	.article_list_box .raider li .text span{font-size: 0.75rem;}
	.article_list_box .raider li .text strong{margin-bottom: 0;}
	.article_list_box .raider li{background-size: 100%;}

	.raiderwr .img{margin-left: 0; width: 100%; margin-bottom: 0.7rem;}
	.radiertext{margin-left: 0; width: 100%;}
	.radiertext h3{font-size: 1rem; margin-bottom: 0.6rem;}
	.radiertext time{font-size: 12px;}
	.radiertext p{margin-top: 0.4rem;font-size: 0.74rem;height: inherit;display: none;}
	.radiertext span{display: none;}
	.pages a, .pages span{font-size: 0.74rem; width:30px;height: 30px;line-height: 30px;}
	.pages a.pageprev{width: 50px;}
	.raider{margin-bottom: 20px;}
	.article_box .wp{border: 0; padding: 0 0;}
	.product_list_banner .img{height:50vh;}
	.anli_list_banner:before{background-image: url(../images/banner_anli_phone.jpg); height: 13rem;background-size: cover;}
	.anli_list_banner .img{height:13rem;}
	.fuwu_banner:before{background-image: url(../images/banner_fuwu_phone.jpg); height: 13rem;background-size: cover;}
	.fuwu_banner .img{height:13rem;}

	.lxwm_banner .img{height:17rem;}
	.lxwm_banner:before{height: 17rem;}
	#certify{margin-bottom: 10px;}
	#certify .swiper-slide{width: 80%;}
	#certify .swiper-slide p{line-height: 50px; font-size: 0.9rem;}
	#certify .swiper-button{top: 40%;width: 30px;height: 30px;line-height: 30px;}
	#certify .swiper-button-prev{left: 0px;}
	#certify .swiper-button-next{right: 0px;}
	#certify .swiper-container{padding-bottom: 30px;}

	.join_wen .left{width: 100%;}
	.join_wen .right{width: 100%;}
	.join_wen .right ul li{width: 100%;border-left: 0px;}
	.join_wen .wp .ljzx{position: inherit; width: 100px;height: 40px;line-height: 40px; font-size: 12px; display: none; margin: 0 auto;}
	.join_wen{padding: 1.5rem 0 1rem;}
	
	.join_banner .img img{height: 80vh; object-fit: cover;}
	.join_danxin .wp ul li{width: calc(50% - 0.2rem); margin-right: 0.4rem; margin-bottom: 0.4rem;}
	.join_danxin .wp ul li:nth-of-type(2n){margin-right: 0rem;}
	.join_danxin .wp ul li{height: 180px;}
	.join_danxin .wp ul li strong{padding-bottom: 1.5rem;}
	.join_danxin .wp ul li strong:before{bottom: 0.5rem;}
	.join_danxin{padding: 1rem 0;}
	.womenshi .left{width: 100%;}
	.swi_kecheng .title p{font-size: 0.75rem; display: none;}
	.diuni_an a{width: 100px;height: 42px;line-height: 42px; font-size: 0.75rem;}
	.chuangyefuchi .img img{min-height: 50vh;object-fit: cover;}
	
	.join_youshi_box .youshi .img{width: 150px;height: 150px;}
	.join_youshi_box .youshi span{font-size: 0.8rem;}
	.join_youshi_box{background-attachment: inherit; background-position: center;}
	.join_liucheng .swi_join_liucheng ul li{width: calc(100% / 3);}
	.ioin_map .left{height: 390px;}
	.ioin_map #ChinaMap{width: 500px!important; transform: scale(0.9);margin: 0 auto;transform-origin: left top;}
	.ioin_map .right{width: 100%; text-align: center;}
	.ioin_map .right img.erwe{margin: 0 auto;}
	.ioin_map{padding-top: 0;}
	
	.join_bottom_fixed{display: none;}
	.join_footer{padding-bottom: 0!important;}
	.join_youshi_box .youshi span:nth-of-type(2){left:25%;}
	.join_youshi_box .youshi span:nth-of-type(4){left: 25%;}
	.join_guanjia ul li{width: calc(100% / 4 - 1vw);}
	.join_guanjia ul li:nth-of-type(4n){margin-right: 0;}
	.join_guanjia ul li .text{font-size: 15px;}
	.product_index_box .swi_product_index .swiper-slide img{height:100vh; object-fit: cover; opacity: 0.6;filter:alpha(opacity=60);}
	.product_index_box .swi_product_index .swiper-slide img.pc-vis{display: inherit;}
	.product_index_box .swi_product_index .swiper-slide img.phone-vis{display: none;}
	
	.swi_index_product_box{ padding-bottom: 1rem;}
	.swi_index_product_box .swiper-slide{position: relative;}
	.swi_index_product_box .swiper-slide .text{position: absolute; bottom: 0;left: 0;background: rgba(0,0,0,0.54); width: 100%; color: #fff; padding: 0.5rem 1rem;}
	.swi_index_product_box .swiper-slide .text h4{font-size: 1rem; font-weight: 200; float: left;}
	.swi_index_product_box .swiper-slide .text i{width: 1.8rem;height: 1.8rem;text-align: center;line-height: 1.8rem; transform: scale(0.7);float: right; font-size: 0.75rem; border-radius: 50%; border: 1px solid rgba(255,255,255,0.1);}
	.index_news .title{text-align: center;margin-bottom: 0.4rem;}
	.index_news .text{float: inherit;}
	.index_news .title span{display: none;}
	.index_news .title .more{display: none;}
	
	.charm_box .more a:nth-of-type(2){display: none;}
	.sll_top{bottom: 3rem; right: 1rem;}
	body{padding-bottom: 2.4rem;}
	.bottom_nav{ width: 100%;height: 2.41rem; position: fixed;bottom: 0; left: 0;z-index: 20; box-shadow: 0 0 5px rgba(0,0,0,0.2); transform: translateY(100%); opacity: 0;filter:alpha(opacity=0);visibility: hidden; display: inherit;}
	.bottom_nav a{ width: calc(100%/3); float: left; display: block; font-size: 0.75rem;height: 2.4rem;line-height: 2.4rem; text-align: center; background: #fff; border-right: 1px solid rgba(0,0,0,0.1);}
	.bottom_nav a i{ margin-right: 0.2rem; transform: translateY(0.1rem); display: inline-block;}
	.bottom_nav_active{ transform: translate(0);opacity: 1;filter:alpha(opacity=100);visibility: visible;}
	
	.index_about_box{padding-top: 1.4rem;}
	.index_video .text{top: 45%;}
	.product_index_box .swi_product_tabs{width: 84%;left: 0;right: 0; margin: 0 auto;bottom: 30%;}
	.product_index_box .text{top: 40%;}
	.product_index_box .swi_product_tabs ul li{width: calc(100% / 4); float: left; display: block;}
	.product_index_box .swi_product_tabs ul li a{padding: 0.5rem 0;font-size: 1.1rem;}
	
	.product_index_box .swi_product_tabs ul li.active a{transform: translateY(0px);}
	.join_wen .right ul li .font{width: 48%; float: right;}
	.join_wen .right ul li .img{width: 48%; float: left;}
	.join_wen .left i{font-size: 16px;}
	.join_wen .right ul li .font{font-size: 16px; padding-top: 1rem;}
	#certify{width: 92%;}
	.chuangyefuchi .img img{height:40vh;min-height: inherit;}
	.index_join_box .index_join .left .text span{font-size: 16px;}
	.index_join_box .index_join .left .text p{font-size: 12px;}
	.index_join_box .index_join .left .index_join_title{margin-bottom: 1rem;}
	.ioin_map .left{width: 400px!important;float: left;}
	.ioin_map .right{width: calc(100% - 430px);float: right; padding-top: 80px;}
	

	
	
}

@media screen and (max-width:780px){
	.product_index_box .swi_product_tabs{width: 40%;left: 40%; transform: translateX(-50%);text-align: center; right: 0; margin: 0 auto;bottom: 18%;}
	.product_index_box .text{top: 40%;}
	.product_index_box .swi_product_tabs ul li{width: 100%;display: block;}
	.product_index_box .swi_product_tabs ul li a{padding: 0.5rem 0;font-size: 1.1rem;}
	.product_index_box .swi_product_tabs ul li.active a{transform: translateY(0px);}
	.product_list_banner .img{height:17rem;}
	.product_list_box ul li:nth-of-type(3n){margin-right:auto!important;}
	.product_list_box ul li{width: calc(100% / 2 - 3px)!important;margin-right: 6px!important; margin-bottom: 0.7rem;}
	.product_list_box ul li:nth-child(odd){margin-right: 6px!important;}
	.product_list_box ul li:nth-child(even){margin-right: 0px!important;}
	.ioin_map .left{width: 100%;}
	.index_join_box .index_join .right{width: 100%;float: inherit;}
	.index_join_box .index_join .left{width: 100%;float: inherit; background: rgba(211,50,43,0.75); padding-top: 4rem;}
	.ioin_map #ChinaMap{width: 500px!important; transform: scale(0.8);margin: 0 auto;transform-origin: left top;}
	.kongjian_banner{height:25rem;}
	.kongjian_banner:before{height: 25rem;}
	.kongjian_banner:before{background-image: url(../images/banner_kongjian_phone.jpg)}
	.ny_banner .img{height: 17rem;}
	.article_list_banner:before{height: 17rem!important;}
	.index_video{height: 30rem;}
	.index_video:before{background-image: url(../images/video_back_phone.jpg);}
}
@media screen and (max-width:640px){
	.top .top_coll{line-height: 3.6rem;display: none;}
	.apple-banner .swiper-wrapper .swiper-slide img.pc-vis{display: none;}
	.apple-banner .swiper-wrapper .swiper-slide img.phone-vis{display:inherit ;}
	.youshi_box ul li{ width: calc(100% / 2 - 5px);}
	.index_join_box .index_join .right{width: 100%;float: inherit;}
	.index_join_box .index_join .left{width: 100%; float: inherit; position: inherit; padding-bottom: 2rem;}
	.index_join_box .title span{display: none;}
	.index_join_box .index_join_footer ul li{width: calc(100% / 2); border-bottom: 1px solid rgba(0,0,0,0.1); text-align: center; padding-left: 0;}
	.index_join_box .index_join_footer ul li:before{display: none;}
	.index_join_box .index_join_footer ul li:nth-of-type(1){border-left: 0;}
	.index_join_box .index_join_footer ul li:nth-of-type(3){border-left: 0; border-bottom: 0;}
	.index_join_box .index_join_footer ul li:nth-of-type(4){border-bottom: 0;}
	.index_join_box .index_join .left .text p{font-size: 12px;}
	
	.news_box .swi_index_news{display: none;}
	.index_news .news_box ul{ padding: calc(10px + 0.5vw) 0 0;display: inherit;}
	.index_news .news_box ul li a{padding: 0.8rem 0; display: block; border-bottom: 1px dashed rgba(0,0,0,0.1); padding-left: 15px;position: relative;}
	.index_news .news_box ul li a:hover{color: #d4322b;}
	.index_news .news_box ul li a:before{content: ''; width: 5px;height: 5px;display: block;border-radius: 50%;background: #E8E8E8; position: absolute;top: 50%; transform: translateY(-50%);left: 0;}
	.index_news .news_box ul li span{ float: right; font-size: 14px; color: #666;}
	.index_news .news_box ul li em{font-size: 14px; width: calc(100% - 100px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
	.info_box .img_box .left{width: 100%; margin-bottom:5px;}
	.info_box .img_box .right{width:100%;}
	.producterji_nav ul li{width: calc(100% / 6);display: block;margin: inherit;}
	.producterji_nav ul li a{display: block; padding: inherit;}
	.article_list_box .raider li{width:100%;}
	.swi_index_product_box .swiper-slide a .img img{ width:150%;}
	.lxwm_box ul li{ min-height:200px;}

	.index_about_box .right{padding-top: 1rem;}
	.index_about_box .right .text{width: 100%;}
	.index_about_box .right .gundong_shuzi{width: 100%; margin-top: 0;}
	.index_about_box .right .gundong_shuzi{border-left: 0px;}
	.index_join_box .index_join .left{padding-top:27px; background: #d4322b;}
	.product_index_box .swi_product_tabs{bottom:10%; margin:0;left: 50%;}
	.product_index_box .swi_product_tabs ul li a{font-size:1rem; text-align:center;}
	.product_index_box .swi_product_tabs ul li:before{ height:1px;background: rgba(255,255,255,0.4);}
	.kongjian_box ul li{width: 100%;margin-right: 0;}
	.join_youshi_box .youshi span:nth-of-type(2){left: 5%;}
	.join_youshi_box .youshi span:nth-of-type(3){left: 70%;}
	.join_youshi_box .youshi span:nth-of-type(4){left: 4%;}
	.join_youshi_box .youshi span:nth-of-type(5){left: 70%;}
	.join_guanjia ul li{width: calc(100% / 2 - 1vw);}
	.join_guanjia ul li:nth-of-type(2n){margin-right: 0;}
	.join_guanjia ul li .text{font-size: 15px;}
	.join_banner .img img{height: 60vh; object-fit: cover;}
	.ioin_map #ChinaMap{width: 500px!important; transform: scale(0.7); transform-origin: left top;}
	.ioin_map .left{width: 100%!important;height: 320px;}
	.join_wen .right ul li .font{width: 100%;}
	.join_wen .right ul li .img{width: 100%;}
	.raider{margin-bottom: 0px;}
	.article_list_box .raider{ padding-bottom:10px;}
	.ioin_map .right{ width:100%; padding-top:1rem;}
	.ioin_map .right span{ margin-bottom:0.5rem;}
	.product_index_box .swi_product_index .swiper-slide img.pc-vis{display: none;}
	.product_index_box .swi_product_index .swiper-slide img.phone-vis{display: inherit;}
	.charm_box .swi_Showoffice .swiper-slide i{width: 32px;height: 32px; display: block;background: rgba(255,255,255,0.6);border-radius: 50%; text-align: center;line-height: 32px; color: #333;position: absolute; top: 50%;transform: translateY(-50%);left: 6%; font-size: 12px;}
	.index_about_box .left .swi_index_aboutimg .swiper-slide i{width: 32px;height: 32px; display: block;background: rgba(255,255,255,0.6);border-radius: 50%; text-align: center;line-height: 32px; color: #333;position: absolute; top: 50%;transform: translateY(-50%);left: 6%; font-size: 12px;}
	
}